鍍金池/ 問答/HTML5  HTML/ el-autocomplete下拉框數(shù)據(jù)必須以value作為鍵名的問題 其實可

el-autocomplete下拉框數(shù)據(jù)必須以value作為鍵名的問題 其實可以隨便命名

如果后臺的接口已經(jīng)定好了 鍵名 比如是 data 而不是 value 那么 選中后 輸入框中不會顯示已選擇的內(nèi)容
可能很多人的想法就是改后端的接口 但如果這個接口已經(jīng)被很多人用了 那么改鍵名 可能不現(xiàn)實
其實解決很簡單 代碼如下

     <el-autocomplete
        v-model="markWord"
        :fetch-suggestions="querySearchAsync"
        placeholder="請輸入標準詞"
        @select="handleSelect"
        :trigger-on-focus="false"
      >
        <template slot-scope="{ item }">
          <div class="name">{{ item.warn }}</div>
          <div class="name" style="color:green">{{ item.value=item.term }}</div>
        </template>
      </el-autocomplete>
回答
編輯回答
礙你眼

querySearchAsync的時候把取到的數(shù)據(jù)map一下，
data.content = data.content.map(obj => {

return {
  ...obj,
  value: obj.term
}

})
把處理后的數(shù)據(jù)塞回去

2017年3月4日 07:56