今天遇到一个需求,点击一个按钮的时候,需要把一个页面的结构复制出来,左思右想,原来是这样子的。
首先你得明白你要复制哪一份结构,找到的话就把一个结构用v-for循环。
<div v-for="(item, index) in arr" :key="index">
<span>你需要复制的结构<span/>
</div>
<a-button type="primary" @click="getArr">
复制
</a-button>
js">data () {
return {
...
arr: [{}] // 默认给他有一个长度
}
}
getArr () {
this.arr.push({})
}
这个就是你需要循环的数据,点击按钮的时候就复制一份这个结构。