v-for="(item, index) in formData.pointSettingDtoList"
<el-select
v-model="item.type"
placeholder="请选择"
:style="{ width: '150px' }"
@change="selectIdsArrSelect"
clearable
>
<el-option
v-for="(it, idx) in typeOptions"
:data-index="idx"
:key="it.label"
:label="it.label"
:value="it.value"
v-show="item.type == it.value||!selectIdsArr.includes(it.value)"
></el-option>
</el-select>
data(){
selectIdsArr:[]
typeOptions: [
{label: '递增',value: 1,},
{label: '发放等值',value: 2,},
],
formData:{
pointSettingDtoList:[{
dayNum: undefined,
type: undefined,
point: undefined,}]
}
method:{
selectIdsArrSelect() {
this.selectIdsArr = []
for (const item of this.formData.pointSettingDtoList) {
if (item.type) {
this.selectIdsArr.push(item.type)
}
}
},
}
for循环下拉框的值不能重复选择
最新推荐文章于 2024-05-15 17:45:03 发布