elementUI——select 根據傳入的ID值選中選項

問題：

　　form表單配合select 沒有選中傳入相關信息的值，只顯示傳入的值

原因：

　　select選項的值與傳入form表單的值的類型不一致，導致無法選中select中的選項

示例：

　　因為interfaceSharing 數據中的Value值為String類型而，form 中的Sharing原始類型為number類型，所以無法選中，這時只要把類型轉換一下即可

使用：this.form.Sharing = this.form.Sharing.toString();將number類型轉換為String類型即可選中選項

一下為無法選中示例

// 省略無關內容
// interfaceSharing 數據中的Value值為String類型
        <el-form-item label="是否允許" prop="Sharing">
          <el-select v-model="form.Sharing" placeholder="請選擇" @change="selectChange">
            <el-option
              v-for="item in interfaceSharing"
              :key="item.Value"
              :label="item.Label"
              :value="item.Value"
            />
          </el-select>
        </el-form-item>
//省略多行
    handleUpdate(row) {
      getInterface(id).then((response) => {
        this.form = response.data;
        console.log("獲取的數據項類型");
        console.log(this.form.Sharing);
        console.log("this.form.Sharing類型:",typeof(this.form.Sharing));
      });
    },
    selectChange(value){
      console.log("修改的值");
      console.log(value);
      console.log("value類型：",typeof(value));
    },

　　

 

轉換類型后選中選項