element ui 下拉框选择后绑定值改变，显示不变

代码：

<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();
    },

加油！