上代码

<template v-for="i in arr1" :slot="i" slot-scope="text, record">
    <span @click="jump(i, record)">{{ text }}</span>
</template>
<template v-for="i in arr2" :slot="i" slot-scope="text, record">
    <span @click="jump(i, record)">{{ text }}</span>
</template>

上述代码段时写在table中的,arr1和arr2是两个完全不同的数组,值也没有重复的,但是执行的结果是后面的slot生效,前面的slot不生效。把第二个循环的i改成和第一个循环不一样的j就可以了。

推断上述两个v-for形成的是一个作用域,命名重复会覆盖之前的。有点奇怪的bug


寿兽
21 声望1 粉丝