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模板中的 @ 冲突导致的

相关推荐
UI设计和前端开发从业者2 天前
UI前端大数据处理策略优化:基于云计算的数据存储与计算
前端·ui·云计算
共享ui设计和前端开发人才3 天前
UI前端大数据处理安全性保障:数据加密与隐私保护策略
ui
ui设计前端开发老司机3 天前
UI前端大数据处理性能瓶颈突破:分布式计算框架的应用
ui
前端开发与ui设计的老司机3 天前
UI前端与数字孪生结合实践探索:智慧物流的货物追踪与配送优化
前端·ui
海天胜景3 天前
vue3 获取选中的el-table行数据
javascript·vue.js·elementui
yanwushu3 天前
10分钟搭建 PHP 开发环境教程
php·laravel
UI设计和前端开发从业者3 天前
从UI设计到数字孪生实战应用:构建智慧金融的智能风控平台
ui·金融
海天胜景3 天前
vue3 el-table 行筛选 设置为单选
javascript·vue.js·elementui
ui设计前端开发老司机3 天前
数字孪生技术为UI前端提供全面支持:实现产品的可视化配置与定制
ui
X_StarX3 天前
【Unity笔记01】基于单例模式的简单UI框架
笔记·ui·unity·单例模式·游戏引擎·游戏开发·大学生