vue2 使用自定義指令過濾點選事件判斷是否登入

業務場景

實現

export default })}

},methods:
}}

點我收藏

vue.directive('login',(el,binding) => )

})

這裡在指令裡面只是給元素註冊了點選事件監聽，沒有銷毀，所以可能會出現註冊多次，然後點一次呼叫多次的情況

指令裡判斷沒登入時應該做出提示

補充帶參呼叫

">點我收藏

// 才疏學淺暫時只能想到這麼寫，隱約感覺還有更優雅的寫法，不知道用bind能不能行

// 不過我用變數控制使用此指令的元素多次顯示和隱藏，也沒發現重複呼叫的情況，不過以防萬一還是加上吧，等看會bind了再改
const verifylogin = (binding: directivebinding) => 
}vue.directive('login',,
unbind:(el,binding) => 
})

《Vue2 十二》Vue中的自定義指令

vue允許註冊自定義指令。全域性註冊 註冊乙個全域性自定義指令 v focus vue.directive focus 註冊區域性指令 directives 然後就可以在模板中任何元素上使用新的v focus屬性了。bind 只呼叫一次，指令第一次繫結到元素時呼叫。在這裡可以進行一次性的初始化設定。...

vue中自定義指令和自定義過濾器

vue中除了核心功能內建的指令外，也允許註冊自定義指令。有的情況下，對普通dom元素進行底層操作，這時候就會用到自定義指令。自定義指令又分為全域性的自定義指令和區域性自定義指令。全域性自定義指令是通過vue.directive 第乙個引數是指令的名稱 vue.directive focus 區域性自...

Vue自定義指令

vue有很多內建的指令，比如說v on，v model，v clock等等，每乙個指令會完成一定的功能，但是這些內建的指令總會有些侷限性，要是能夠自定義指令就好了 vue的自定義指令分類 全域性指令和區域性指令 vue指令的定義和用法 以全域性指令為例 1.語法 vue.directive 指令id...