vue-element-admin不同路由指向同⼀个组件(摘记)router-view
Different router the same component vue 真实的业务场景中,这种情况很多。⽐如:
我创建和编辑的页⾯使⽤的是同⼀个 component,默认情况下这两个页⾯切换时并不会触发 vue 的 created 或者 mounted 钩⼦,你可以通过 watch $route 的变化来进⾏处理,但说真的还是蛮⿇烦的。后来发现其实可以简单的在 router-view 上加上⼀个唯⼀的 key,来保证路由切换时都会重新渲染触发钩⼦了。这样简单的多了。
<router-view :key="key"></router-view>
computed: {
key() {vue element admin
// 只要保证 key 唯⼀性就可以了,保证不同页⾯的 key 不相同
return this.$route.fullPath
}
}
请记住拆分组件最⼤的好处不是公⽤⽽是可维护性!
vscode 配置 ESLint
⾃动修复
npm run lint -- --fix
运⾏如上命令,eslint 会⾃动修复⼀些简单的错误。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。