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

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

news 2026/5/1 8:35:10

背景

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

在这里插入图片描述

相关文章：

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/ele…...

编程日记 2023/11/23 7:51:18

【计算机网络笔记】路由算法之层次路由

系列文章目录 什么是计算机网络？ 什么是网络协议？ 计算机网络的结构 数据交换之电路交换 数据交换之报文交换和分组交换 分组交换 vs 电路交换 计算机网络性能（1）——速率、带宽、延迟 计算机网络性能（2）…...

编程日记 2023/11/23 7:49:16

【华为OD机试python】分糖果【2023 B卷|100分】

【华为OD机试】-真题 !!点这里！！ 【华为OD机试】真题考点分类 !!点这里 !! 题目描述 小明从糖果盒中随意抓一把糖果，每次小明会取出一半的糖果分给同学们。 当糖果不能平均分配时，小明可以选择从糖果盒中（假设盒中糖果足够） 取出一个糖果或放回一个糖果。 小明最少需要多…...

编程日记 2023/11/23 7:48:16

ARM 汇编基础

我们在学习 STM32 的时候几乎没有用到过汇编，可能在学习 UCOS 、 FreeRTOS 等 RTOS 类操作系统移植的时候可能会接触到一点汇编。但是我们在进行嵌入式 Linux 开发的时候是绝 对要掌握基本的 ARM 汇编，因为 Cortex-A 芯片一上电 SP 指针还…...

编程日记 2023/11/23 7:47:14

虹科Pico汽车示波器 | 汽车免拆检修 | 2017款东风本田XR-V车转向助力左右不一致

一、故障现象 一辆2017款东风本田XR-V车，搭载R18ZA发动机，累计行驶里程约为4万km。车主反映，车辆行驶或静止时，向右侧转向比向左侧转向沉重。 二、故障诊断 接车后试车，起动发动机，组合仪表上无故障灯点亮&…...

编程日记 2023/11/23 7:46:13

阿里云服务器ECS经济型e实例优惠99元性能怎么样？

阿里云服务器ECS经济型e实例优惠99元性能怎么样？阿里云服务器优惠99元一年，配置为云服务器ECS经济型e实例，2核2G配置、3M固定带宽和40G ESSD Entry系统盘，CPU采用Intel Xeon Platinum架构处理器，2.5 GHz主频&#xff0…...

编程日记 2023/11/23 7:45:12

vue3引入vuex基础

一：前言 使用 vuex 可以方便我们对数据的统一化管理，便于各组件间数据的传递，定义一个全局对象，在多组件之间进行维护更新。因此，vuex 是在项目开发中很重要的一个部分。接下来让我们一起来看看如何使用 vuex 吧&#…...

编程日记 2023/11/23 7:44:11

C++二维数组中的查找

4. 二维数组中的查找 题目链接 牛客网 题目描述 给定一个二维数组，其每一行从左到右递增排序，从上到下也是递增排序。给定一个数，判断这个数是否在该二维数组中。 Consider the following matrix: [[1, 4, 7, 11, 15],[2, 5, 8, 12, 19],[3, 6, 9, 16, 22],[1…...

编程日记 2023/11/23 7:43:10

【计算思维】蓝桥杯STEMA 科技素养考试真题及解析 2

1、兰兰有一些数字卡片，从 1 到 100 的数字都有，她拿出几张数字卡片按照一定顺序摆放。想一想，第 5 张卡片应该是 A、11 B、12 C、13 D、14 答案：C 2、按照下图的规律，阴影部分应该填 A、 B、 C、 D、 答案&am…...

编程日记 2023/11/23 7:42:09

Qt+sqlite3使用事务提升插入效率

参考&#xff1a; 【精选】SQLite批量插入效率_sqlite 批量插入_PengX_Seek的博客-CSDN博客 (1)不使用事务时&#xff1a; clock_t t_start clock();QSqlQuery query(db);QString sql("insert into test(col1,col2) values(1,2);");for (int i 0; i < 1000; i…...

编程日记 2023/11/23 7:41:08

【深度学习】不用Conda在PP飞桨Al Studio三个步骤安装永久PyTorch环境

在 PaddlePaddle AI Studio 中使用 Python 虚拟环境安装 PyTorch 免责声明 在阅读和实践本文提供的内容之前&#xff0c;请注意以下免责声明&#xff1a; 侵权问题: 本文提供的信息仅供学习参考&#xff0c;不用做任何商业用途&#xff0c;如造成侵权&#xff0c;请私信我&am…...

编程日记 2023/11/23 7:40:07

SpringBoot:kaptcha生成验证码

GitHub项目地址&#xff1a;GitHub - penggle/kaptcha: kaptcha - A kaptcha generation engine. kaptcha介绍 kaptcha官网&#xff08;Google Code Archive - Long-term storage for Google Code Project Hosting.&#xff09;对其介绍如下&#xff0c; kaptcha十分易于安装…...

编程日记 2023/11/23 7:39:06

C/C++ 使用API实现数据压缩与解压缩

在Windows编程中&#xff0c;经常会遇到需要对数据进行压缩和解压缩的情况&#xff0c;数据压缩是一种常见的优化手段&#xff0c;能够减小数据的存储空间并提高传输效率。Windows提供了这些API函数&#xff0c;本文将深入探讨使用Windows API进行数据压缩与解压缩的过程&#…...

编程日记 2023/11/23 7:38:05

Visual Studio连接unity编辑器_unity基础开发教程

Visual Studio连接unity编辑器 问题描述解决方法意外情况 问题描述 当我们在unity编辑器中打开C#脚本的时候发现Visual Studio没有连接unity编辑器&#xff0c;在编写代码的时候也没有unity关键字的提醒。 简单来说就是敲代码没有代码提示。 解决方法 这时候需要在unity中进行…...

编程日记 2023/11/23 7:37:04

2023亚太杯数学建模B题思路分析 - 玻璃温室中的微气候法规

1 赛题 问题B 玻璃温室中的微气候法规 温室作物的产量受到各种气候因素的影响&#xff0c;包括温度、湿度和风速[1]。其中&#xff0c;适 宜的温度和风速是植物生长[2]的关键。为了调节玻璃温室内的温度、风速等气候因素 , 温室的设计通常采用带有温室风扇的通风系统&#xf…...

编程日记 2023/11/23 7:36:03

轻量封装WebGPU渲染系统示例＜37＞- 多个局部点光源应用于非金属材质形成的效果(源码)

当前示例源码github地址: https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/BasePbrMaterialMultiLights.ts 当前示例运行效果: 此示例基于此渲染系统实现&#xff0c;当前示例TypeScript源码如下&#xff1a; export class BasePbrMaterial…...

编程日记 2023/11/23 7:35:02

设备状态监测与故障诊断系统的作用

随着工业生产的发展和技术的进步&#xff0c;设备状态监测与故障诊断系统在工业领域中扮演着越来越重要的角色。这一系统通过实时监测设备的状态和参数&#xff0c;及时发现潜在的故障&#xff0c;并提供预警信号&#xff0c;以降低生产中断、提高安全性和维护效率。以下将详细…...

编程日记 2023/11/23 7:34:00

浮点数运算精度丢失，如何解决

为什么浮点数运算的时候会有精度丢失的风险&#xff1f; 浮点数运算精度丢失代码演示&#xff1a; float a 2.0f - 1.9f; float b 1.8f - 1.7f; System.out.println(a);// 0.100000024 System.out.println(b);// 0.099999905 System.out.println(a b);// false为什么会出现…...

编程日记 2023/11/23 7:31:58

使用微信小程序openMapApp接口，报错问题解决openMapApp:fail invaild coord

使用微信小程序的 openMapApp 接口时遇到了坐标无效的错误 (openMapApp:fail invalid coord)。这个错误通常是由于提供的地理坐标不符合预期的格式或范围而引起的&#xff1a; 坐标格式&#xff1a; 确保提供的坐标符合正确的格式。常见的格式是 "纬度,经度"&#xf…...

编程日记 2023/11/23 7:29:55

2023亚太杯数学建模思路 - 案例：粒子群算法

文章目录 1 什么是粒子群算法&#xff1f;2 举个例子3 还是一个例子算法流程算法实现建模资料 # 0 赛题思路 &#xff08;赛题出来以后第一时间在CSDN分享&#xff09; https://blog.csdn.net/dc_sinor?typeblog 1 什么是粒子群算法&#xff1f; 粒子群算法&#xff08;Pa…...

编程日记 2023/11/23 7:28:53

3分钟快速解密网易云音乐NCM文件：ncmdump完整使用指南

3分钟快速解密网易云音乐NCM文件&#xff1a;ncmdump完整使用指南 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 你是否在网易云音乐下载了喜欢的歌曲&#xff0c;却无法在其他设备或播放器上欣赏&#xff1f;NCM加密格式限制了你的…...

编程新知 2026/5/1 8:12:21

JetBrains IDE试用期重置终极指南：如何轻松恢复30天免费试用

JetBrains IDE试用期重置终极指南&#xff1a;如何轻松恢复30天免费试用 【免费下载链接】ide-eval-resetter 项目地址: https://gitcode.com/gh_mirrors/id/ide-eval-resetter 还在为JetBrains IDE试用期到期而烦恼吗&#xff1f;&#x1f680; 今天我要分享一个超实用…...

编程新知 2026/5/1 7:46:07

LeetCode：226翻转二叉树

方法一&#xff1a;递归法/*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode right;* TreeNode() {}* TreeNode(int val) { this.val val; }* TreeNode(int val, TreeNode left, TreeNode righ…...

编程新知 2026/5/1 6:59:24

从零构建高效测试循环：分层策略与实战优化指南

1. 项目概述与核心价值最近在GitHub上看到一个名为“prasunicecold140/test-pilot-loop”的项目&#xff0c;这个标题乍一看有点抽象&#xff0c;但结合“test-pilot”和“loop”这两个关键词&#xff0c;我立刻嗅到了一股自动化测试与持续集成/持续部署&#xff08;CI/CD&…...

编程新知 2026/5/1 6:31:54

Vivado时序违例别硬等！手把手教你用Tcl脚本在编译中途就揪出问题根源

Vivado时序调试实战&#xff1a;用Tcl脚本在编译中途精准狙击违例问题 FPGA设计中最令人沮丧的体验莫过于&#xff1a;你按下编译按钮&#xff0c;泡了杯咖啡&#xff0c;刷了半小时手机&#xff0c;回来发现时序违例——然后一切又得重来。传统工作流让我们沦为编译进度的被动…...

编程新知 2026/5/1 6:25:53

从set_drive到set_driving_cell：聊聊数字IC后端设计中输入驱动建模的演进与最佳实践

从set_drive到set_driving_cell&#xff1a;数字IC后端设计中输入驱动建模的技术演进与工程实践 在28nm以下先进工艺节点中&#xff0c;输入端口驱动建模的精度误差可能导致时序收敛偏差超过15%。这种量级的误差已经无法通过传统设计余量&#xff08;design margin&#xff09;…...

编程新知 2026/5/1 5:30:39

保姆级教程：用USB_Burning_Tool V2给S905W盒子刷入NetworkTermination ATV固件

保姆级教程&#xff1a;用USB_Burning_Tool V2给S905W盒子刷入NetworkTermination ATV固件 你是否有一台闲置的S905W芯片的电视盒子&#xff0c;想要让它焕发新生&#xff1f;通过刷入NetworkTermination ATV固件&#xff0c;你可以获得更流畅的Android TV体验。本教程将手把手…...

编程新知 2026/5/1 5:16:21

51单片机内存不够用？除了改Target选项，KEIL5里这几个冷门但好用的存储类型关键字（xdata, pdata, code）你得知道

51单片机内存优化实战&#xff1a;KEIL5存储类型深度解析与高效应用 引言 在51单片机开发中&#xff0c;内存资源总是捉襟见肘。当你的项目逐渐复杂&#xff0c;变量和函数不断增加&#xff0c;编译时突然跳出的"Target not created"或"PUBLIC REFERS TO IGNORE…...

编程新知 2026/5/1 5:16:21

DynQ量子虚拟机：提升NISQ时代量子计算可靠性的关键技术

1. DynQ量子虚拟机技术解析量子计算领域正面临一个关键挑战&#xff1a;如何在噪声主导的NISQ&#xff08;含噪声中等规模量子&#xff09;时代&#xff0c;有效提升量子处理器的可靠性和利用率。DynQ量子虚拟机应运而生&#xff0c;它通过创新的动态拓扑无关设计&#xff0c;为…...

编程新知 2026/5/1 4:39:52

Hugging Face模型微调与机器人控制优化实践

1. 从零开始理解Hugging Face模型微调在机器人控制领域&#xff0c;模型微调已经成为提升预训练模型适应特定任务性能的标准方法。与从头训练相比&#xff0c;微调具有三大核心优势&#xff1a;显著降低数据需求&#xff08;通常只需原始训练数据的1%-10%&#xff09;、大幅缩短…...

编程新知 2026/5/1 3:41:49