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

laravel引入element-ui后,blade模板中使用elementui时,事件未生效问题(下载element-ui到本地直接引入项目)

news 来源：原创 2024/5/9 15:57:09

背景

重构公司后台项目，使用了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模板中的 @ 冲突导致的
在这里插入图片描述

在这里插入图片描述

相关文章：

  • HarmonyOS应用开发者高级认证（题库）
  • 使用Java连接Hbase
  • 上海交通大学生存手册
  • @Async注解的坑，小心
  • 『亚马逊云科技产品测评』活动征文｜AWS 域名注册、启动与连接 EC2 新实例、端口开放详细教程
  • Ubuntu 22.04.3编译AOSP13刷机
  • R语言如何实现多元线性回归
  • HTML新手入门笔记整理：块元素和行内元素
  • Django之importlib模块
  • angular 实现模块共享
  • WebSocket了解
  • ErphpdownV16.21插件 安装教程和插件下载
  • 初次使用vs code时go模块安装失败的解决办法
  • SASS的导入文件详细教程
  • 基于OPC UA 的运动控制读书笔记（1）
  • Consul Config 使用Git做版本控制的实现
  • DataBase in Android
  • gf框架之分页模块(五) - 自定义分页
  • JS基础之数据类型、对象、原型、原型链、继承
  • Lsb图片隐写
  • Mybatis初体验
  • nginx（二）：进阶配置介绍--rewrite用法，压缩，https虚拟主机等
  • 程序员该如何有效的找工作?
  • 初探 Vue 生命周期和钩子函数
  • 想写好前端，先练好内功
  • 中文输入法与React文本输入框的问题与解决方案
  • 你学不懂C语言，是因为不懂编写C程序的7个步骤 ...
  • # 再次尝试 连接失败_无线WiFi无法连接到网络怎么办【解决方法】
  • ###C语言程序设计-----C语言学习（3）#
  • #if #elif #endif
  • #include
  • #pragma data_seg 共享数据区（转）
  • #我与Java虚拟机的故事#连载11： JVM学习之路
  • （12）目标检测_SSD基于pytorch搭建代码
  • （39）STM32——FLASH闪存
  • （4）事件处理——（6）给.ready()回调函数传递一个参数（Passing an argument to the .ready() callback）...
  • (zt)最盛行的警世狂言（爆笑）
  • （二）基于wpr_simulation 的Ros机器人运动控制，gazebo仿真
  • （分布式缓存）Redis持久化
  • (原創) 是否该学PetShop将Model和BLL分开? (.NET) (N-Tier) (PetShop) (OO)
  • .gitignore文件—git忽略文件
  • .NET Compact Framework 多线程环境下的UI异步刷新
  • .NET Core 通过 Ef Core 操作 Mysql
  • .net 逐行读取大文本文件_如何使用 Java 灵活读取 Excel 内容 ？
  • .NET成年了，然后呢？
  • .net开源工作流引擎ccflow表单数据返回值Pop分组模式和表格模式对比
  • .NET委托：一个关于C#的睡前故事
  • @GetMapping和@RequestMapping的区别
  • @基于大模型的旅游路线推荐方案
  • [Android实例] 保持屏幕长亮的两种方法 [转]
  • [BT]BUUCTF刷题第8天（3.26）
  • [BZOJ1178][Apio2009]CONVENTION会议中心
  • [C# 开发技巧]实现属于自己的截图工具
  • [c++] C++多态（虚函数和虚继承）
  • [C++]类和对象【上篇】