首頁  >  問答  >  主體

javascript - Vue2 指令的優先權如何設定?

關於 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 被廢棄, 那麼是否代表兩個自訂的指令的執行順序只能依照前後順序執行?

欧阳克欧阳克2663 天前1251

全部回覆(1)我來回復

  • 漂亮男人

    漂亮男人2017-07-05 10:56:52

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

    回覆
    0
  • 取消回覆