在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 自定義指令控制元素加載到頁面中

vue 自定義指令控制元素加載到頁面中

代碼寫了一半,不知如何往下進行,想實現(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>

`

回答
編輯回答
咕嚕嚕

思路
v-if是動態(tài)的向DOM樹內添加或者刪除DOM元素
如果不滿足那么找到該元素的父級然后刪除元素 removeChild
如果滿足那么創(chuàng)建元素 createElement 以及后面對元素的渲染問題

2018年9月17日 18:43