vue render函数内部指令监听不到数据更新

Question

const h = this.$createElement
h('p', {
    directives: [{
      name: 'show',
      value: this.$store.getters.callConnect && (this.$store.getters.callNumber === number)
    }]
  }, `来自 ${number} 的通话正在等待接听`)

改变了vuex里的callConnect，视图没发生变化，用自定义指令试了一下，发现是没触发指令update钩子，怎么才能触发update钩子

Answer 1

你可以把指令看成一个独立的小组件，而value则是这个组件的一个prop，所以在定义的时候value可以有一个初始值，实际使用的时候也是在组件上使用v-show='true/false'，是从组件上传值的。

你这块的问题，把这个赋值过程拿出去，放到具体组件上，就可以解决了