vue

0. 整体代码： 【效果】： 【栗子代码】： <template> <div> <el-table @cell-mouse-enter="hoverDate" :row-class-name="tableRowClassName" :data="tableData"> <el-table-column align="center" label="序号"&g…

node_modules/pinia/dist/pinia.mjs:6:9: ERROR: No matching export in "node_modules/vue-demi/lib/index.mjs" for import "hasInjectionContext" vue3版本为3.2.0 pinia版本为2.1.4 运行后报异常，经过排查得知： vue3与pinia的版本不一致造成的…

vue 原理 面试为什么要考察原理 知其然知其所以然，各行各业通用的道理 了解原理才能用的很好，专业性考察，技术的追求 竞争激烈，则优录取 大厂造轮子（业务定制：有些框架不能满足需求） 面试中如何考察，以何种方式考察 考察重点，不考察细节。2/8原则 和使用相关的原理 1. Vue响应式原理 vue响应式指的是：组件的data发生变化，立刻触发试图的更新 原理： Vue 采用 数据劫持结合发布者-…

问题：因为数据较大的原因，后端处理的接口会需要我们多次调用来确定是否将数据存入成功，所有就需要做轮循，轮循接口，已达到确定保存成功并能获取 解决：可依靠定时器解决。 既然是轮循，很多人可能会想到使用setInterval来做轮循，但setInterval有一个致命的问题，就是到达时间便会进行下一次调用，而不管上一次事件是否已经完成，这有可能导致任务队列堆积良多，而目的却早已实现。 建议用setTi…

使用低版本的vue-loader遇到的坑 最近在学习使用webpack打包vue项目，所以一开始下载了vue-loader和vue-template-compiler，但是由于现在15版本的vue-loader需要引入一个插件才能使用，我为了省事，在下载的时候指定了vue-loader的版本是14.2.2，一开始打包什么的都没问题，但是后来加入了style-loader和postcss-loade…

在编写vue3+vite项目时，使用动态路由访问axios请求路径发生错误，会额外加一个我们的动态路由路径进来，这不是我们想要的结果，问题如下： vite.config.js server:{ proxy:{ '/api':{ target:'http://**.**.**.**:**/api', changeOrigin:true, secure: false, rewrite:path=>…

element ui的数组件，需要实现的功能是，选中节点，点击“预览”按钮，在右侧显示叶子节点的信息 使用的getCheckedNodes()方法获得选中节点，然后把节点存在一个变量里，遍历节点，只留下叶子节点的名称，在右侧展示 3.目前存在的问题， 第一次选中2个节点，点击预览，没有问题，显示2行信息 第二次再选中2个节点，点击预览，显示了6行，即第一次点击按钮时生成的html和第二次生成的四个…

1、传值 1.1、父传子【props】 //父组件 <router-view name="header" :total="total"></router-view> src: '', // setup里面申明 //子组件 import {defineComponent,watch, ref} from 'vue' export default defineComponent…

一、事件修饰符 .stop 阻止事件继续传播 .prevent 阻止标签默认行为 .capture 使用事件捕获模式,即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理 .self 只当在 event.target 是当前元素自身时触发处理函数 .once 事件将只会触发一次 .passive 告诉浏览器你不想阻止事件的默认行为 使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因…

文章目录 json文件 路由 多级菜单组件 json文件 router.json [ { "path": "/" , "redirect": "/index" }, { "path": "/index", "name":"index", "component": "layout/index.vue" , "redirect": "/home", "children":[ { "path": "/h…