随笔分类 - Vue
摘要:在 vue-router4 中再使用 tag 属性的话会报警告: 在 vue-routerv3.1.x 以上版本,新增 v-slot,推荐使用 custom、v-slot 代替 tag 属性 官方文档中的介绍是:<router-link> 是否应该将其内容包裹在 <a> 元素中,在使用 v-slot
阅读全文
摘要:{ path: '*', name: 'error', component: Error, meta: { title: '404' }, } 区别于上面旧版的匹配规则,新版vue-router4需要使用自定义的路径参数正则表达式,在路径参数后面的括号中加入正则表达式; const routes =
阅读全文
摘要:表格的数据像这样:projectEntryDtoList 字段中的数据为子级列表数据 关于 el-table 组件实现树形数据这里不再过多赘述,文档在这里:https://element.eleme.cn/#/zh-CN/component/table 首先设定一个全局变量 isSelectAll
阅读全文
摘要:主体思路:依据 vue-router 提供的 addRoutes 实现路由的动态挂载 1、获取权限及对应路由的列表 权限字段由后端管理,并在登录时以数组形式返回权限列表 路由列表的话则类似下图,在路由元信息的 role 字段中定义当前页面组件对应的权限 2、依据后端返回的权限生成对应的路由表 设定一
阅读全文
摘要:如题,之前一直使用的路由模式都是hash,今天用了下history模式,从主页点到其他页面时是可以的,但是直接 www.abc.com/news 这样的路径会404 解决:添加上红色部分配置即可 server { listen 80; server_name xxx; index xxx; root
阅读全文
摘要:方法1(推荐): 给组件加上唯一的key值,当key值发生变化,组件就会重新渲染,如: 方法2: 使用 v-if ,当有数据时,再渲染组件 方法3: Vue.forceUpdate() 参考文章:https://segmentfault.com/a/1190000021599461 https://
阅读全文
摘要:需求:在使用keep-alive的同时使用transition动画效果 最开始是这样写的,但是发现报错,而且动画效果失效 <transition name="container-right-transition" mode="out-in"> <keep-alive> <router-view v-
阅读全文
摘要:1 window.addEventListener('resize', () => { 2 this.plumbInstance.repaintEverything() 3 }) 参考文章:https://www.cnblogs.com/mq0036/p/7942139.html http://ww
阅读全文
摘要:element-ui中有一个动态添加tag的组件,平常状态是按钮,点击后变成输入框;那么这里的话,希望按钮点击后,input输入框被选中 这里二者的切换依赖于inputVisible这个值,当按钮点击触发showInput改变这个值,input输入框展现 这里要添加focus()方法的话,就需要使用
阅读全文