Question

Vue.js动态修改渲染值的问题。

var list = new Vue({
el: '#list',
data:{
a: [
{
num: '1',
href:'1',
},
{
num: '2',
href:'2',
}
],
b: [
{
num: '1',
href:'1',
},
{
num: '2',
href:'2',
}
]
}
})
<a v-for="(index, item) in a" href="{{item.href}}" class="swiper-slide item">{{ index }}</a>

我想实现的是当点击按钮的时候，可以渲染b这个数组，同理可以c，d...，请问应该怎么做

Answer 1

你可以声明一个变量tmp

<a v-for="(index, item) in tmp" href="{{item.href}}" class="swiper-slide item">{{ index }}</a>

然后在点击事件中改变tmp为a或b。