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

相关推荐
大蓝头3 天前
安装包UI美化之路-nsNiuniuSkin全新UI调试与预览方法
ui·electron·安装包·截图控件·截屏控件
慧都小项3 天前
当边缘AI上产线:QtitanDocking 如何让工业 HMI 实现多视图协同
人工智能·qt·ui·边缘计算·qt6.3
兰亭妙微UI设计公司4 天前
兰亭妙微UI设计公司分享:EQUA 智能健康生态系统 UI/UX 设计深度解析
ui·交互
Cx330❀4 天前
Qt 常用控件属性与底层机制详解:从窗口半透明、浮点数陷阱到 QSS 与焦点策略
qt·ui·图形渲染
Cx330❀4 天前
Qt 常用 UI 控件详解:从QPushButton到QLabel 核心用法解析
qt·ui·图形渲染
ℋᙚᵐⁱᒻᵉ鲸落4 天前
ETypeError: nameRef.value?.focus is not a functio. 设置el-input自动聚焦时报错
前端·javascript·vue.js·elementui
传奇开心果编程5 天前
【ArkUI 练中学】第15课:UI 界面设计与实战
学习·ui·华为·harmonyos
HwJack205 天前
【HarmonyOS开发小实践】ArkUI 动画系统属性动画、显式动画与路径动画
ui·性能优化·harmonyos
传奇开心果编程5 天前
【Flutter入门练中学】第2课:布局系统
学习·flutter·ui
传奇开心果编程5 天前
【Jetpack Compose基础语法学与练】第8课 rememberSaveable,页面旋转/系统重建保留状态
android·学习·ui·kotlin·android jetpack