vue 中$index $key 已经移除了

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

https://cn.vuejs.org/v2/guide/migration.html#index-and-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>

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

官方文档如是说:

$index and $key 移除

已经移除了 $index 和 $key 这两个隐式声明变量，以便在 v-for 中显式定义。这可以使没有太多 Vue 开发经验的开发者更好地阅读代码，并且在处理嵌套循环时也能产生更清晰的行为。

升级方式

在代码库中运行迁移工具来找出使用这些移除变量的示例。如果你没有找到，也可以在控制台错误中查找（例如 Uncaught ReferenceError: $index is not defined）。