javascript - Vue2 指令的優先權如何設定?
欧阳克
欧阳克 2017-07-05 10:54:52
0
1
1274

關於 Vue2 指令的優先權問題

看了相關的資料,發現在註冊指令的時候需要設定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 被廢棄, 那麼是否代表兩個自訂的指令的執行順序只能依照前後順序執行?

欧阳克
欧阳克

温故而知新,可以为师矣。 博客:www.ouyangke.com

全部回覆(1)
漂亮男人

在Vue2中,自訂指令中的priority屬性已經被廢棄
詳情請見:https://cn.vuejs.org/v2/guide...自訂指令-簡化

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板