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