当前位置: 首页 > 知识库问答 >
问题:

vue2,父组件重复给子组件props传递字符串类型的字段,子组件watch不会重复触发怎么办?

沈俊美
2024-01-16

点击第一次的时候,子组件watch可以监听到,如果多次点击,watch就无法监听了,加了deep属性也不好用,请教怎么办

<template>  <div>    <child-component :data="data"></child-component>    <button @click="data=true" />  </div></template><script>import ChildComponent from './ChildComponent.vue';export default {  components: {    ChildComponent  },  data() {    return {      data: null    };  },  mounted() {  }};</script>

共有1个答案

唐博文
2024-01-16

watch是监听数据变化才会执行,第一次datanull点击的时候变成truewatch会执行,之后的每次点击都是true所以watch不会执行因为数据没有发生变化。

 类似资料:
  • 假设我想做这么简单的事 在这里,什么样的道具适合儿童? 其中子级可以是由scrollView、TextInput、Text等组成的本地组件

  • 我试图传递一个道具给一个子组件在反应,但它不显示在所有的道具,当我控制台日志。甚至关键的也不显示。对此的任何帮助都将不胜感激。

  • 本文向大家介绍详解vue2父组件传递props异步数据到子组件的问题,包括了详解vue2父组件传递props异步数据到子组件的问题的使用技巧和注意事项,需要的朋友参考一下 测试环境:vue v2.3.3, vue v2.3.1 案例一 父组件parent.vue 子组件child.vue 上面按照这里的解析,子组件的html中的{{childData}}的值会随着父组件的值而改变,但是create

  • 我有两个简单的带有父子关系的reactjs组件。子级包含一个带有onChange事件的输入和一个回调父级以设置状态。当我运行它时,setState似乎在父组件中工作,但传递到子组件中的道具似乎没有更新。有什么想法吗?下面是一段代码片段: 在上面的示例中,子组件中的输入值保持为“bar”,尽管在父组件中触发了,并且通过。为什么输入值不改变以反映新的状态?

  • 父组件动态传递ref给子组件应该怎么写? 父组件调用 子组件 这里我想把父组件传递的ccc动态给子组件,然后操作子组件?

  • 本文向大家介绍怎样将事件传递给子组件?相关面试题,主要包含被问及怎样将事件传递给子组件?时的应答技巧和注意事项,需要的朋友参考一下 这道题出的有问题。 一般情况下我们父组件向子组件传递的不是事件,而是事件处理函数