vue 中$index $key 已经移除了
Posted 再见理想
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 中$index $key 已经移除了相关的知识,希望对你有一定的参考价值。
https://cn.vuejs.org/v2/guide/migration.html#index-and-key-移除
之前可以这样:
1
2
3
4
5
6
|
< ul id="example"> < li v-for="item in items"> {{$index}} {{$key}} </ li > </ ul > |
现在已经移除,如果还用的话就会报错:Uncaught ReferenceError: $index is not defined;
现在这样写:
1
2
3
4
5
6
|
<ul id= "example" > <li v- for = "(item,index) in items" > {{item}} {{index}} </li> </ul> |
第一个参数是值,第二个参数是索引;目的是为了保持和原生的一致;
官方文档如是说:
$index and $key 移除 已经移除了 $index 和 $key 这两个隐式声明变量,以便在 v-for 中显式定义。这可以使没有太多 Vue 开发经验的开发者更好地阅读代码,并且在处理嵌套循环时也能产生更清晰的行为。 升级方式 在代码库中运行迁移工具来找出使用这些移除变量的示例。如果你没有找到,也可以在控制台错误中查找(例如 Uncaught ReferenceError: $index is not defined)。
以上是关于vue 中$index $key 已经移除了的主要内容,如果未能解决你的问题,请参考以下文章
*vue v-for中 key 值的作用—key不能用index的值*
在 index.vue 中出现错误“迭代中的元素期望有 'v-bind:key' 指令 vue/require-v-for-key”