1) 选择后不更新
element select选择后不更新
可能因为对象包对象,太深了。视图监测不到。
需要$forceUpdate()强刷视图
<el-select v-model="hardForm.server"
placeholder="请选择"
@change="$forceUpdate()">
<el-option v-for="item in hardServerList"
:key="item.value"
:value="item.value">
</el-option>
</el-select>
2) change事件传参
<div v-for="(item,index) in dataList"
:key="index">
<el-select size="mini"
@change="(val)=>{ changeRange(val,index)}">
</el-select>
</div>
changeRange(val, index) {
console.log(val) // 选择内容
console.log(index) // for循环里的第几个
},
3) 获取label的值
默认是只能获取到value的值,拿不到label的值
拿到value之后,遍历option数组,找到对应的label
本文探讨了Vue中element-select组件的选择更新问题,介绍了如何通过$forceUpdate()解决对象嵌套过深导致的视图不更新,并讲解了如何正确处理change事件参数传递及获取option的label值。
3529

被折叠的 条评论
为什么被折叠?



