vue循环后不能下滑_vue动态循环出的多个select出现过的变为disabled(实例代码)

vue动态循环出的多个select出现过的变为disabled

label-width="100px"

:model="testForm">

v-for="(vtem, index) in testForm.version"

:key="index"

label="命令版本">

@change="comChange"

v-model="vtem.ver">

v-for="item in versionList"

:key="item.id"

:value="item.id"

:disabled="item.id == vtem.ver || selectedArr.includes(item.id)"

:label="item.name">

icon="el-icon-circle-plus-outline"

size="small"

@click="add(index)"

circle>

icon="el-icon-remove-outline"

size="small"

@click="remove(index)"

:disabled="index === 0"

circle>

label="测试输入框">

v-model="testForm.input">

ps:vue 动态循环出的多个select 不能重复选择相同的数据

v-show="parItem.id == subItem.id || !selectIdsArr.includes(subItem.id)"

:value="subItem.id> {{subItem.name}}

export default {

data() {

return {

parArr:[],

selectIdsArr:[],

programList:[{

"id":1,

"name":"选项1"

},{

"id":2,

"name":"选项2"

},{

"id":3,

"name":"选项3"

}],

}

},

methods: {

onChangeProgram() {

this.selectIdsArr = [];

for (const item of this.parArr) {

if (item.id) {

this.selectIdsArr.push(item.id);

}

}

},

},

}

总结

以上是小编给大家分享的vue动态循环出的多个select出现过的变为disabled效果，希望对大家有所帮助！