前端实现添加相关问题数据的加减按钮与后端接口进行配合！

以上是小编今天要说的内容
先看html代码

 <div v-for="(item,index) in formItem.like_question" :key="index"  class="linkqusitiondiv">
            <Input v-model="formItem.like_question[index].question" />
             <Button  @click="addlinkQustion(formItem.like_question.length)" v-show="index == 0" :value="11111" class="linkqusitonAdd">+</Button>
              <Button @click="delelinkQustion(index,item.kId)" v-show=" index >=1" :value="2222" class="linkqusitondet">-</Button>
</div>

他是去进行了一个v-show的一个判断 你添加完一条之后 后面就会跟着一个减号
data数据

like_question: [{
          kId:'0',
          question:""
        }],

我这里里面还写了参数 是因为给后台传数据的时候我需要这样做
然后再来说说＋按钮

  //  +添加关联问题
     addlinkQustion(v){
        this.formItem.like_question.push({
          kId:-v,
          question:""
        })
     },

点击这个按钮之后添加进去一个对象 里面的id我用的是复数 更好的区别

减按钮

 delelinkQustion(index,v){
       this.delLike.push(v)
       this.formItem.like_question.splice(index,1)
     },

这是减按钮
delLike是一个数组我要传入数据的参数
按照这个 this.formItem.like_question数组的下标去点击哪个删除哪个