vue父子组件传值，父组件值改变，值不为空数组时渲染成功，值为空数组后，无论怎么改变值子组件都渲染失效

最新推荐文章于 2024-03-28 08:56:55 发布

阿喵在掉发

最新推荐文章于 2024-03-28 08:56:55 发布

阅读量415

点赞数 1

分类专栏：遇到问题

本文链接：https://blog.csdn.net/weixin_42757570/article/details/119782842

版权

这个文章的很全，但是我试了，全部都不行
vue父子组件传值，父组件值改变，值为空数组时子组件渲染失效

最后经过非常非常非常艰难的历程，终于发现了，是dom更新的问题。

vue的比较更新算法，如果v-for的标签和其他标签同级，其他标签有v-if这些判断，会不更新，每个标签加个key。

直接上代码吧，我原来的代码是这样的
子组件：

	<div
      v-if="showTypeCheck"
    >
       分类不能为空
    </div>
    <div
      v-for="(item, index) in typeList"
      :key="item.id"
      :title="item.fullTypeName"
    >
      {
  { item.typeName }}
      <span
        @click="deleteType(item, index)"
      />