关于vue.js:vue使用antD的table组件slot采用两个vfor出现的奇怪bug

117次阅读

共计 368 个字符，预计需要花费 1 分钟才能阅读完成。

上代码

<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

正文完