![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
驻风丶
加油加油
展开
-
vue自动加载模块方法require.context
大家在写vue路由的时候,一般会采取什么样的方法呢?在router的index.js中直接把路由写完,还是把每个页面抽出来再到router的index.js里引入?两种好像都停麻烦,第一种页面多了都聚合在一个js文件里,不利于管理。第二种虽然抽离了每个页面的路由,但是每个都要在router中import,页面多了,就会麻烦。node.js里面的一种方法可以很好应用在路由以及其他加载模块的需求上,require.context()这是我的路由文件结构其中文件夹里的indexs.js是对原创 2022-04-24 17:00:33 · 1573 阅读 · 0 评论 -
vue多层子组件调用父组件事件
vue中父子组件传值都是用emit和props比较多,但是这个是针对于单层的父子组件,如果是多层的,那就应该换一种了。provide和inject.。父组件:export default { provide() { return { fatherMethod: this.popupOpen, // popupOpen是父级的一个事件名 }; }, methods: { popupOpen(params) { console.l原创 2022-04-11 16:43:41 · 1151 阅读 · 0 评论 -
vue父子组件传参
一、常用的父和子传参父传子父组件// 父组件里的子组件<LesseeDialog ref="lesseeDialog" :paramsObj="defaultProps" @dialogDetermine="whichDetermine"></LesseeDialog>// 引入子组件import LesseeDialog from './component/lesseeDialog.vue';export default { components:原创 2021-12-03 09:22:14 · 855 阅读 · 0 评论 -
vue3使用element plus框架问题
vue3项目使用vite搭建,框架是element plus,在使用框架过程中有些莫名其妙的问题。input不能输入radio不能选择动态组件不能切换以上都是基于事件触发了,也没有写错结果发现是引入的问题,我这里是直接写程序自动引入,先来看这个有问题的引入改成上面的问题全部解决感谢魏茜同志的帮助,才发现这个问题,大佬果然是大佬...原创 2021-11-18 17:52:12 · 108 阅读 · 0 评论 -
vue3创建项目app.vue报错The template root requires exactly one element
用vite创建了一个vue3的项目,自动创建,打开app.vue就报错了,按理说不应该啊。在vue2中需要加一个div把template中的元素包起来,但是vue3已经支持了模板语法下可以有多个标签,这里报错是因为eslint,在文件-首选项-设置-eslint-vite中,选择不勾选,就行了。...原创 2021-10-15 11:02:33 · 1001 阅读 · 0 评论 -
div中的svg导致div点击事件偶尔失效解决
div中嵌套svg,其中div有一个点击事件点几次就会出现点div不触发事件,而且是点div中svg的部分,下面文字部分依然触发,问题就是svg这。给svg加一个style="pointer-events:none;"这样就不影响父盒子的点击事件了...原创 2021-08-24 14:20:37 · 1036 阅读 · 0 评论 -
分页切换当前页仅有一个数据被删除后不向前一页跳转解决
这个问题是,下方有分页,上方有一个ul,第一页的li是满的,第二页只有一条数据,我的请求逻辑是,点分页就向后端发送请求,请求当前页的数据,每一页最多14条,比如这里第一页后台返给我14条数据,第二页返给我1条数据,然后我把第二页的唯一一个数据删了,然后向后台请求数据,就会出现,我传过去的依然是第二页请求,返给我的是空数据,页面上就是白的,这是因为没有做为空判断,应该在当前页最后一个数据被删了,然后往前一页去请求。点击删除会去调用删除事件deleteList,并请求删除接口deleteEntity,红原创 2021-08-19 15:45:59 · 1481 阅读 · 2 评论 -
v-for循环创建事件,一个触发多个响应解决
在vue的一个ul里,用v-for循环创建li并设置事件,但是会造成所有的li的事件都会同时被触发,下图是解决办法,给mouseenter事件里showQrcode事件传入一个参数index,是v-for循环里创建的index,来触发Qrcode标签的v-show,第三方变量showQr === index 等于为true,不等于,没有不等于,你每个点击传入的index一定是当前li的index<li class="tabLi" v-for="(liItem, index) in liIte原创 2021-07-26 09:50:29 · 2324 阅读 · 0 评论