vue inject 只能响应一次，怎么解决呢？

Question

设计vue的父子组件的时候，使用了provide/inject来传值，但是在使用el-input-number组件控制参数的时候，子组件调用父组件的函数只相应了一次，怎么解决？

父组件：

  provide() {
    return {
      host: () => this
    }
  },
  methods: {
    onUpdateProps(node) {
      console.log(node,"node")
      this.canvas.setValue(node)
    },
  }

子组件 ：

<el-input-number v-model="props.node.fontSize" :size="inputSize" :min="12" :max="100" :step="1" default-value="12" style="width:100%;" @change="host().onUpdateProps(props.node)" />

inject: ['host'],

第一次点击加或者减可以生效，之后点击就无法生效了

Answer 1

为什么不使用事件传值呢,采用事件方式传值,简单,还好理解,下面是一个详细并简单的例子,有帮助请点击右上角采纳,有疑问可以下发评论哦
https://www.csdn.net/tags/MtTaAg0sNjc3NTQtYmxvZwO0O0OO0O0O.html#1props__emit_22