本人的需求是點(diǎn)擊表格里面的編輯按鈕，把數(shù)據(jù)回顯到彈窗內(nèi)，其他的都能回顯，但是就下拉框不能正常的回顯
本人后端人員，有不對(duì)的地方，勿噴


這是因?yàn)辄c(diǎn)擊編輯，收集到下拉框的value是一個(gè)數(shù)字導(dǎo)致的，傳值應(yīng)該是 ‘1’ 而不是 1
解決辦法一：，給彈窗子組件傳參的時(shí)候，單獨(dú)給下拉框轉(zhuǎn)下字符串格式

  methods: {
    handleEdit(index, row) {
      this.$refs.UrlDiaLog.form = row //row 是收集到的所在行的數(shù)據(jù)，但是里面下拉框的值是數(shù)字，而不是字符串
      this.$refs.UrlDiaLog.form.is_better = row.is_better.toString() //可以在這里單獨(dú)toString()下，
      																//然后再重新傳給彈窗子組件，下拉框就能正?；仫@
      this.$refs.UrlDiaLog.form.url_type = row.url_type.toString()
      this.$refs.UrlDiaLog.dialogFormVisible = true;
    },

解決辦法二：給下拉框的v-model 寫個(gè)計(jì)算屬性函數(shù)

<el-form-item label="推薦" :label-width="formLabelWidth">
          <el-select v-model="isBetterToStr" style="width: 100%" placeholder="是否推薦">
            <el-option label="否" value="0"></el-option>
            <el-option label="是" value="1"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="類型" :label-width="formLabelWidth">
          <el-select v-model="urlTypeToStr" style="width: 100%" placeholder="請(qǐng)選擇類型">
            <el-option label="電影" value="1"></el-option>
            <el-option label="音樂讀物" value="2"></el-option>
            <el-option label="書籍小說" value="3"></el-option>
            <el-option label="軟件工具" value="4"></el-option>
            <el-option label="開發(fā)設(shè)計(jì)" value="5"></el-option>
            <el-option label="學(xué)習(xí)教育" value="6"></el-option>
          </el-select>
        </el-form-item>
      </el-form>

  computed: {
    urlTypeToStr() {
      return this.form.url_type.toString()
    },
    isBetterToStr() {
      return this.form.is_better.toString()
    }
  }

解決辦法三：不寫辦法二里面的計(jì)算屬性函數(shù)，直接在v-model里面toString()，但是這不符合規(guī)范，也能實(shí)現(xiàn)，不過估計(jì)要關(guān)掉ESLint

會(huì)有ESLint提示：

ESLint: 'v-model' directives require the attribute value which is valid as LHS.(vue/valid-v-model)

大致意思是：v-model的值必須是一個(gè)數(shù)據(jù)變量，而不是一個(gè)條件值或計(jì)算值文章來源地址http://www.zghlxwxcb.cn/news/detail-510518.html

到了這里，關(guān)于vue element 編輯下拉框el-select不能回顯的問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！