当前位置: 首页 > 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模板中的 @ 冲突导致的
在这里插入图片描述

在这里插入图片描述

http://www.dtcms.com/a/4447.html

相关文章:

  • 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注解
  • CSDN流量卷领取和使用保姆级教程——流量卷,恭喜获得每日任务奖励【1500曝光】可获得新增曝光,阅读转化,点赞转化,新增关注-流量卷,流量卷,流量卷
  • 19.删除链表的倒数第 N 个节点
  • 听GPT 讲Rust源代码--src/librustdoc(2)
  • Python Turtle Graphics 绘制I Love You字符
  • easyExcel实现分批导入,动态表头分批导出,以及导出表格样式设置
  • python趣味编程-5分钟实现一个石头剪刀布游戏(含源码、步骤讲解)
  • 【FLink】水位线(Watermark)
  • 使用wxPython和PyMuPDF合并PDF文档并自动复制到剪贴板
  • Stable Diffusion XL网络结构-超详细原创
  • 【C++进阶之路】第十篇:C++的类型转换