代碼寫了一半,不知如何往下進行,想實現(xiàn)的效果是像v-if那樣,如果不滿足,頁面根本不加載該元素,而不是控制元素的display.代碼如下:`// main.js注冊一個全局自定義指令 “v-permission”Vue.directive(“permission”, function (el,binding) { let btnAuth = JSON.parse(sessionStorage.getItem(“btnAuth”)) let index = btnAuth.findIndex(item => { return item.path === binding.arg }) return index > -1 ? true :false //true:加載該元素;false:不加載該元素})//頁面模板<router-link :to="{name:'shop.goods.index.add'}" v-permission:shopGoodsIndexAdd> <el-button type="primary"> 添加商品 </el-button></router-link>
vue 自定義指令控制元素加載到頁面中
繁華開滿天機
2019-02-25 21:51:14