Vue列表渲染指令v-for的索引$index报错Uncaught ReferenceError: $index is not defined

xiaoxiao2021-02-28  77

文章来源: http://www.cnblogs.com/mzzz/p/6382590.html

Vue.js的列表渲染更新:

之前可以这样:

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)。

这些个新玩意更新很快要时刻关注文档;

转载请注明原文地址: https://www.6miu.com/read-53375.html

最新回复(0)