代码:
<el-select v-model="formdata.type" @change="typeChange()" placeholder="参数类型">
<el-option v-for="(item,index) in selectLetter"
:key="index"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
问题:下拉选择时,绑定的type值改变了,但是页面显示的label值却没变,网上一顿操作,得知有个强制刷新的函数$forceUpdate(),可以放在@change=""里,也可以在typeChange()里调用,如下
typeChange(){
let that = this;
let hh = that.selectLetter.filter(function (c, i, a) {
if (c.value == that.formdata.type) {
return c;
}
});
that.formdata.typename = hh[0].label;
this.$forceUpdate();
},
加油!