vue中插入节点

<div v-for="(item, index) in divList">

    <el-select v-model="item.rewardType" class="cell_width" @change="((val)=>{changeRewardType(val,index)})">

      <el-option

        v-for="itemOpt in rewardTypeList"

        :key="itemOpt.value"

        :label="itemOpt.label"

        :value="itemOpt.value"

      ></el-option>

    </el-select>

<div v-if="index!=divList.length-1" style="line-height: 114px; font-size:32px; cursor: pointer;" @click="removeSetter(index)">-</div>

            <div v-else style="line-height: 114px; font-size:32px; cursor: pointer;" @click="addSetter">+</div>

</div>

data(){

return{divList:[{rewardType:''}]}

}

            addSetter(){

                this.divList.push({rewardType:''});

            },

            removeSetter(i){

                this.divList.splice(i,1)

            }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,143评论 0 2
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,646评论 0 6
  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 12,136评论 0 10
  • <template> <el-row type="flex" class="row-bg ...
    南漂一枚阅读 3,021评论 0 0
  • 本来想的是顺路而来写一写如烟细雨中的漂渺如仙的西子湖,但是昨晚小女儿说想看我写的迪士尼,当妈的只能从了,只...
    驼安阅读 1,527评论 0 0