vue element key值用index 子组件赋值逻辑不严谨 导致table表格数据刷新有问题

Posted 2023-04-25

参考技术A table 列表表格写法：

code组件写法：

页面的展示错误情况：

错误情况截图2：

现在看改进方案：
第一种解决方案：

如果key值是一样的。也同样是问题，必须保证key不一样

第二种解决方案：

vue $index,$key已经移除了

之前可以这样：

<ul id="example">
    <li v-for="item in items">
        {{$index}}
        {{$key}}
    </li>
</ul>

现在已经移除,如果还用的话就会报错:Uncaught ReferenceError: $index is not defined;

现在这样写：

<ul id="example">
    <li v-for="(item,index) in items">
        {{item}}
        {{index}}
    </li>
</ul>

第一个参数是值,第二个参数是索引;目的是为了保持和原生的一致;