自定義指令函式傳參

2021-10-17 20:54:35 字數 2020 閱讀 4232

[email protected]

繫結函式傳參

傳參多個多樣

引數動態變化

1. 採用傳物件方式(binding.value)

測試

const mydirective =

}export default mydirective

以上解決了問題1. 繫結函式傳參,對於問題2. 傳參多個多樣可以給args乙個物件,或者用陣列

測試const mydirective = 

}export default mydirective;

測試const mydirective = 

}export default mydirective;

對於問題3. 引數動態變化,需要增加鉤子函式update或者componentupdated

測試const mydirective = ,

update: function (el, binding) ,

}export default mydirective;

update時候重置繫結的onclick函式,不能使用addeventlistenerremoveeventlistener,因為移除不成功會導致執行兩次。

2. 指令的引數(binding.arg)

測試

const mydirective =

}export default mydirective

以上解決了問題1. 繫結函式傳參,對於問題2. 傳參多個多樣可以給指令引數乙個物件,或者用陣列

測試const mydirective = 

}export default mydirective;

測試const mydirective = 

}export default mydirective;

對於問題3. 引數動態變化,需要增加鉤子函式update或者componentupdated

測試const mydirective = ,

update: function (el, binding) ,

}export default mydirective;

update時候重置繫結的onclick函式,不能使用addeventlistenerremoveeventlistener,因為移除不成功會導致執行兩次。與第一種類似

注意:

3. 採用傳箭頭函式(binding.value)

myfn(x)" type="text" size="small">測試

const mydirective =

}export default mydirective

以上解決了問題1. 繫結函式傳參問題3. 引數動態變化,對於問題2. 傳參多個多樣可以很隨意了

myfn()" type="text" size="small">測試const mydirective = 

}export default mydirective;

myfn(x,y)" type="text" size="small">測試const mydirective = 

}export default mydirective;

注意

angularjs自定義指令函式傳參

在編寫匯入指令的時候,需要將函式繫結到指令中,並傳入乙個引數。首先指令的js檔案如下,基本的繫結引數和繫結函式,沒有什麼說的 directive yunzhiimport function templateurl views directive yunzhiimport.html restrict ...

MUI自定義事件傳參

在mui中頁面之間的傳參一般是分為兩種的,一種是通過開啟頁面或者預載入頁面的時候傳遞引數,另一種就是自定義事件了,我們來說說自定義事件傳參的問題 我們來分兩種情況 一,頁面已經存在的時候 這種情況是很容易的,直接就是mui.fire 目標頁面,事件名稱,二,頁面是新建立的 如果你是這麼寫的話 var...

mybatis自定義傳參排序

getvirtualtaskdetailandinfo parametertype map resulttype map select t.id,t.task num,t.province,t.city,t.status t.create time,t.enable time,t.end time,...