vue2 孙子组件修改父组件数组,父组件没有更新

1.问题
数据结构:数组-对象-数组-对象
父组件通过v-for渲染子组件,子组件通过v-for渲染孙子组件,孙子组件修改props里传过来的叶子数组元素,
父组件没有更新

期望:父组件更新

解决办法:
v-if 控制组件入口,然后孙子组件通过依赖注入调用父组件方法,父组件通过nexttick修改v-if绑定的值实现更新

相关代码,看不懂的评论区留言哈

 <!-- 组件入口 -->
    <div class="middle_wrap" v-if="eventlist.length > 0 && array_change">
      <div
        class="select_wrap"
        v-for="(item_1, index_1) in measures"
        :key="index_1"
      >
        <span class="left_num">{{ index_1 }}</span>
        <a-input
          class="select_title"
          placeholder="指标名称"
          v-model="item_1.name"
        />

        <level_1
          :eventlist="eventlist"
          :item_1="item_1"
          @level_change="level_change($event, index_1)"
          @close="level_close(index_1)"
        />
      </div>
    </div>

父组件修改

 test() {
      console.log(this.measures);

      this.array_change = false
      this.$nextTick( ()=>{
         this.array_change = true
      } )


    },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容