在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

     <el-autocomplete
        v-model="markWord"
        :fetch-suggestions="querySearchAsync"
        placeholder="請(qǐng)輸入標(biāo)準(zhǔn)詞"
        @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í)候把取到的數(shù)據(jù)map一下，
data.content = data.content.map(obj => {

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

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

2017年3月4日 07:56