当前位置: 首页 > news >正文

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模板中的 @ 冲突导致的
在这里插入图片描述

在这里插入图片描述

相关文章:

  • QT小记:The QColor ctor taking ints is cheaper than the one taking string literals
  • Mysql之聚合函数
  • C# - Opencv应用(2) 之矩阵Mat使用[矩阵创建、图像显示、像素读取与赋值]
  • ts 联合react 实现ajax的封装,refreshtoken的功能
  • Go语言中获取协程ID
  • [深度学习]卷积神经网络的概念,入门构建(代码实例)
  • 算法笔记-第十章-动态规划2
  • 安全领航,共筑敏捷开发新时代【云驻共创】
  • 六边形架构
  • 驱动程序无法通过使用安全套接字层(SSL)加密与 SQL Server 建立安全连接
  • zookeperkafka学习
  • Golang Context 的并发安全性探究
  • RFID电网资产全寿命周期管理解决方案
  • html实现计算器源码
  • redis的一些操作
  • 4、FFmpeg命令行操作7
  • kibana 7安装
  • 【Java】java | CacheManager | redisCacheManager
  • 机器学习技术栈—— 概率学基础
  • spring注解
  • 人民日报仲音:大力纠治违规吃喝顽瘴痼疾
  • 美国4月CPI同比上涨2.3%低于预期,为2021年2月来最小涨幅
  • SIFF动画单元公布首批片单:《燃比娃》《凡尔赛玫瑰》等
  • 在对国宝的探索中,让美育浸润小学校园与家庭
  • 马上评丨摆摊要交芙蓉王?对吃拿卡要必须零容忍
  • 火车站员工迟到,致出站门未及时开启乘客被困?铁路部门致歉