天天看点

vue 中$index $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>

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

源码

<ul class="supports" v-if="seller.supports">
              <li class="supports_item" v-for="(item,index) in seller.supports" >
                <img class="icon" :src="seller.avatar" alt="" width="12" height="12"></img>
                <span class="text">{{seller.supports[index].description}}</span>
              </li>
            </ul>
           
vue