鍍金池/ 問(wèn)答/HTML/ vue 如何用自定義指令來(lái)模擬v-if

vue 如何用自定義指令來(lái)模擬v-if

主要是想搞個(gè)權(quán)限檢驗(yàn)，有權(quán)限的就顯示，例如：v-auth="'option'"

回答
編輯回答
別逞強(qiáng)

可以這樣

Vue.directive('auth', {
    inserted(el, binding, vnode){
        console.log(binding.value);
        console.log(binding.value===true);
    }
});
//初始化vue實(shí)例
new Vue({
    el: '#app',
    router,
    template: '<App/>',
    components: {
        App
    }
});

<div v-auth="true"></div>
2017年5月13日 22:15
編輯回答
司令

官方文檔自定義指令

2017年8月23日 16:37
編輯回答
凝雅

官網(wǎng)，同學(xué)，自定義指令： https://cn.vuejs.org/v2/guide...

2017年7月9日 12:31
編輯回答
夢(mèng)若殤
Vue.directive('auth',
    {bind:function (el, binding, vnode) {
         //el是對(duì)應(yīng)的dom,binding中包含你傳過(guò)來(lái)的參數(shù)   
         if(binding.value)el.parentNode.removeChild(el);
    }}
);
2017年10月7日 22:26