vue中，如何让路由"data周期"执行完毕，再执行dom上的自定义指令

Question

因为想读取路由参数后，再根据参数给组件赋值，然后再执行自定义指令。

补图:

Answer 1

可以設定 waitForData: true

{
  route: {
    data: function() {
        // 省略
    },
    waitForData: true,
  }
}

這樣等到 data 處理完 (transition.next() 或是 Promise resolve)，才會進行組件渲染

可以看官方文檔的說明：vue-router - data