laravel引入element-ui后,blade模板中使用elementui时,事件未生效问题(下载element-ui到本地直接引入项目)

背景

重构公司后台项目,使用了dcat-admin,但是dcat-admin有些前端功能不能满足需求。因此引入element-ui进行相关界面的优化

具体流程

  • 1.下载element-ui到本地

  • 2.进入如下目录

    打开 node_modules\element-ui\lib 复制index.js

    打开 node_modules/element-ui/lib/theme-chalk 下的index.css 和fonts文件复制出来

    新建一个element-ui文件夹,然后 将上面的问题放入其中,结构如下

  • 3.在app/bootstrap/app.php中,全局引入element-ui

  • 4.控制器和视图等

    controller

    render

    view

  • 5.使用中会出现element-ui事件无效

解决办法

原因:是因为element-ui中的事件都是@事件名() 与laravel的blade模板中的 @ 冲突导致的

相关推荐
★YUI★16 分钟前
学习游戏制作记录(制作系统与物品掉落系统)8.16
学习·游戏·ui·unity·c#
百锦再2 小时前
一文精通 Swagger 在 .NET 中的全方位配置与应用
后端·ui·.net·接口·配置·swagger·访问
CodeCraft Studio1 天前
在 Python 中操作 Excel 文件的高效方案 —— Aspose.Cells for Python
python·ui·excel·报表·aspose·aspose.cells
南半球与北海道#1 天前
el-table合并单元格
javascript·vue.js·elementui·表格合并
吃饭了吗1 天前
elementplus组件文本框设置前缀
前端·vue.js·elementui
界面开发小八哥2 天前
DevExtreme Angular UI控件更新:引入全新严格类型配置组件
前端·ui·界面控件·angular.js·devexpress
眠りたいです2 天前
Qt音频播放器项目实践:文件过滤、元数据提取与动态歌词显示实现
c++·qt·ui·音视频·媒体·qt5·mime
Jerry说前后端3 天前
Android 移动端 UI 设计:前端常用设计原则总结
android·前端·ui
传奇开心果编程4 天前
【传奇开心果系列】Flet框架实现的家庭记账本示例自定义模板
python·学习·ui·前端框架·自动化
公众号【林东笔记】获取资料4 天前
Adobe Photoshop 2024:软件安装包分享和详细安装教程
ui·adobe·photoshop