<div id="vueContainer"><div><input type='checkbox' class='input-checkbox' :checked="fruitIds.length === fruits.length" @click='checkedAll()'>全选<div v-for='(frui...

路由权限控制常用于后台管理系统中，对不同业务人员能够访问的页面进行一个权限的限制。对于无权限的页面可以跳转404页面或者提示无权限。方式一：路由元信息（meta）把所有页面都放在路由表中，只需要在访问的时候判断一下角色权限即可。vue-router 在构建路由时提供了元信息 meta 配置接口，我们可以在元信息中添加路由对应的权限，然后在路由守卫中检查相关权限，控制其路由跳转。在 meta 属性里