自定義指令
自定義指令分為全域自定義指令和區域自定義指令
全域自定義指令注冊：
html：
<div id="app">
<input type="text" v-focus >
</div>
js：
Vue.directive("focus", {
inserted: function (el) {
el.focus();
el.style.border = "4px solid pink"
},
})
區域自定義指令注冊：
html代碼同上
js:
new Vue({
el: "#app",
directives:{
focus:{
inserted(el){
el.focus()
el.style.color='red'
}
}
}
自定義指令一共有五個鉤子函式
bind（） 指令第一次系結時呼叫 只呼叫一次
inserted() 被系結元素被插入父節點是呼叫，
update() 被系結元素所在模板更新時呼叫，不論系結值是否發生變化
componentUpdated() 被系結元素模板完成一次更新周期是呼叫
unbind() 指令與元素解綁是呼叫 只呼叫一次
輸出的鉤子函式的引數：
name 是自定義事件名
rawName 系結方法
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/244305.html
標籤：其他
下一篇：大前端進擊之路(二)JS異步編程