<uni-data-select ref="uniDataSelect" :localdata="userList" v-model="item.real_name"
placeholder="请选择人员" @change="dataSelect">
</uni-data-select>
dataSelect(e) {
if (this.$refs["uniDataSelect"] != undefined) {
let arr = this.$refs["uniDataSelect"].map(item => {
return item.current
})
this.userList.forEach(e => {
if (arr.includes(e.value)) {
this.$set(e, "disable", true)
// e = {
// ...e,
// disable: true
// }
console.log(e, "e");
}
})
}
},
顾九七
- 发布：2023-03-27 16:17
- 更新：2023-03-27 16:17
- 阅读：246
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 3.5.3
手机系统： Android
手机系统版本号： Android 10
手机厂商： 不可透露，但开发时就不行，无关打包使用
手机机型： 平板
页面类型： vue
vue版本： vue2
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
多个选择框，同一个数据集，依次选择
多个选择框，同一个数据集，依次选择
预期结果：
第一个选择框，选择了一条数据A后，第二个选择框中该数据A为禁用状态，且第一个选择框正常显示内容
第一个选择框，选择了一条数据A后，第二个选择框中该数据A为禁用状态，且第一个选择框正常显示内容
实际结果：
第一个选择框，选择了一条数据A后，第二个选择框中该数据A为禁用状态，但第一个选择框未正常显示内容
第一个选择框，选择了一条数据A后，第二个选择框中该数据A为禁用状态，但第一个选择框未正常显示内容
bug描述：
动态添加多个“人员选择”选择框，要实现数据集中的某项被选择后，其他选择框不可再次选中。
但现在使用disable后，选择了的框中都无法显示数据。
0 个回复