vue的自定義指令的坑

2022-09-02 14:51:09 字數 366 閱讀 1084

因為乙個滑動刪除的需求,所以簡單寫了乙份vue自定義指令刪除事件。

vue的自定義指令,分為全域性和區域性的,兩者寫法其實差距並不大。舉例:

//全域性

vue.directive('movedel',);

},unbind: function ()

});//區域性

directives:,

unbind: function ()

}

一切都很順利,照著上面的格式寫自定指令都ok,但在繫結資料繫結自定義指令時,發現乙個被渲染的資料獲取的高度為null,其餘的反而完好。

解決辦法,加上乙個一次性的定時器就ok了,這可能就是vue的自定義指定繫結的乙個坑。

vue的自定義指令

使用場景 對普通dom 元素進行底層操作 全域性自定義指令 id 指令id,definition 定義物件 vue.directive id,definition 區域性自定義指令 使用directives選項 自定義指令的鉤子函式 鉤子函式 描述bind 建構函式,第一次繫結時呼叫,只呼叫一次 i...

Vue自定義指令

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

vue自定義指令

自定義指令主要有兩種方式。一是在元件裡以directives的選項來自定義指令的內容。這樣的自定義指令是區域性的自定義指令,只在當前的元件裡面才能使用。script export default directives arr arr.join el.style.csstext arr script ...