element-ui 二级联动 选择器 无法选择 或者 显示错误 异常
刚开始的配制如下:
firstChange(value) {
this.courseInfo.subjectId = ''
for(let i=0;
i< this.oneList.length;
i++){
const oneSubject = this.oneList[i]
if(oneSubject.id === value){
this.twoList = oneSubject.children
}
}
}
data() {
return {
courseInfo: {},
oneList: [],
twoList: []
}
},
【element-ui 二级联动 选择器 无法选择 或者 显示错误 异常】结果就是二级选择器里面有值,但是点击后选择框label 没有变更,或者label框变成了个id值,去掉
this.courseInfo.subjectId = ''
这一句,又没办法把二级选择器的上一次选择值取消,很诡异!
搞了好久,才发现给form对象属性添加上初始值就好了,因为没有属性初始值也能保存数据发送后台,所以偷懒没有初始化属性值,结果就出现了这异常。
初始化属性值就回到正规了:
courseInfo: {
title: "",
subjectId: "",
subjectParentId: "",
teacherId: "",
lessonNum: 0,
description: "",
cover: "",
price: 0
},
推荐阅读
- 对二级市场的基本思考
- element-ui表单验证例子(validateField验证部分表单)
- 框架|Mybatis的一级缓存和二级缓存
- 《协同》---如何打造高联动团队
- Android|Android 自定义有速率差的联动ScrollView
- 央地联动打造5G产业新版图|央地联动打造5G产业新版图 政府和企业布局万亿产业集群
- element-ui中table合并单元格后隔行变色
- element-ui|element-ui el-date-picker 时间日期组件设置时间日期范围.2
- Flutter|Flutter 创建类似material 联动滚动 NestedScrollView
- Springboot|Springboot 利用redis 作二级缓存