数组循环出来的盒子v-model绑定相同的值时我们需要这样做 直接上代码 效果看封面

  • Post author:
  • Post category:其他


数组循环出来的盒子v-model绑定相同的值时我们需要这样做 直接上代码 效果看封面

<el-form-item label=”选择:” prop=”unit”>

<div

v-for=”(item, index) in controlNumber”

:id=”getid(index)”

:key=”item.id”

class=”materials-input”

>

<el-col>

<el-select

v-model=”values[index]”

:name=”‘name’ + index”

placeholder=”请选择材料”

>

<el-option

:label=”item.materialName”

:value=”item.id”

v-for=”item in xxx”

:key=”item.id”

>

</el-option>

</el-select>

<el-input

v-model=”numbers[index]”

:name=”‘name’ + index”

value=”0″

placeholder=”请输入”

>

</el-input>

</el-col>

<div class=”materials-but”>

<div class=”but” @click=”handleadd(item)”>+</div>

<div class=”but” @click=”handledel(item)”>-</div>

</div>

</div>

</el-form-item>

定义数据 :

values: “”,

numbers: “”,

controlNumber:[1,2]

created() {

this.values = Array(this.controlNumber.length).fill();

this.numbers = Array(this.controlNumber.length).fill();

},



版权声明:本文为m0_64115279原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。