VUE 如何在子组件里监听store里的state

星期三
  • 25

RT,我的出发点就是 : 父组件点击某个按钮 改变一个值,子组件里监听这个值得变化, 只要变了 就触发一个方法 走自己的业务逻辑。
我现在input填写一个值,然后通过props 来传递,但是只要有变动就会触发3次方法(是一个Tab 标签上设置了那个input的value为props)
下面这个

clipboard.png

我想点击一下按钮,只需要触发一次。

回复
阅读 6k
4 个回答

props只在初始化子组件的时候传送一次,不建议运行时修改props。可以通过$ref调用子组件的method动态修改,也可以将value写进vuex,子组件监听vuex的值。

不通过vuex进行mutation的话,那就在子组件方法里加个开关吧,给个300ms关闭时间差不多了

东方星痕
  • 1.8k

为什么不用VUE的自定义事件来做?

  • 使用 $on(eventName) 监听事件

  • 使用 $emit(eventName) 触发事件

父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。

这里可以用循环呀 给个id就行 一行代码就搞定了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏