看了相關的資料,發現在註冊指令的時候需要設定priority, 值越大的越優先執行
html
<p id="app">
<span v-a="'abc'" v-b="'efg'"></span>
</p>
js
Vue.directive('a', {
priority: 990,
bind: function () {
alert('a')
}
})
Vue.directive('b', {
priority: 1000,
bind: function () {
alert('b')
}
})
new Vue({
el: "#app"
})
預想的效果
#先執行 alert('b'), 後執行 alert('a');
實際的效果
#先執行 alert('a'), 後執行 alert('b');
請教下,該如何設定才能先執行'v-b' 指令 後執行 'v-a'指令
--------- 分割線----------
已知priority
被廢棄, 那麼是否代表兩個自訂的指令的執行順序只能依照前後順序執行?
在Vue2中,自訂指令中的priority屬性已經被廢棄
詳情請見:https://cn.vuejs.org/v2/guide...自訂指令-簡化