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

相关推荐
新缸中之脑1 天前
Unsloth Studio:LLM微调UI
ui
ai_coder_ai2 天前
在自动化脚本中如何在自定义ui中使用webview来无限扩展ui?
ui·autojs·自动化脚本·冰狐智能辅助·easyclick
ii_best2 天前
安卓/ios开发辅助软件按键精灵小精灵实现简单的UI多配置管理
android·ui·ios·自动化
lihua555552 天前
UI-UX-Pro-Max-Skill介绍
ui·ux
Autumn_ing2 天前
2026国内外主流设计工具大对比:Axure、墨刀、Figma、Pixso
ui·aigc·axure·figma·墨刀
岁岁种桃花儿3 天前
Flink从入门到上天系列第二十二篇:Flink中通过UI查看检查点
大数据·ui·flink
阿旭哟嘿3 天前
鸿蒙 UI 语法摘要2
ui
风酥糖3 天前
Godot游戏练习01-第14节-Theme,字体,游戏UI
游戏·ui·godot
UXbot3 天前
为什么 AI 正在重新定义 UI 设计工具的入门门槛
前端·人工智能·低代码·ui·交互·ai编程·ux
IT go3 天前
用 Trae + Stitch MCP 打造 UI 自动化产出工作流(从设计到本地预览)
ui·自动化