element ui如图。如何实现点击"添加模块"按钮，呈现和左面一样的card效果？

Question

使用的是element ui中的el-card组件，如何实现点击"添加模块"按钮，呈现和左面一样的card效果？

Answer 1

假设 左边是一个 card 循环这个card

<card v-for="item in form" :key="item.xxx">
  <form>
  </form>
<card >

data(){
  form:[
    {name:xxx,id:xxx}
  ]
},
methods:{
  btn(){
    点击事件，每次点击想form中push一个对象，自动的就会多+一个card
    this.form.push(this.form[this.form.length-1])
  }
}