ant Vue select 多條數據重復的問題


1.問題描述:select實現下拉的功能,並且帶前端搜索,但是后端給的數據沒去重,對象中所有的參數值有保持一致,試了下,發現只要key值和value值不一致就不會報錯;

2.解決:key值用index,value用某個屬性+index   也可以用隨機數啥的代替,反正保證數據不一致就行了 ;

 注意:value值加了一些東西,那么在取數據的時候要記得去掉,不然取到的就不單純的是需要的內容了

	<a-form :form="form">
	        <a-form-item v-show="showAssign"
	          :labelCol="labelCol"
	          :wrapperCol="wrapperCol"
	          label="選擇審批人">
	          <a-select
	            mode="tags"
	            :size="size"
	            placeholder="請選擇審批人"
	            style="width: 300px"
	            :value="approvalSelectedItems"
	            @change="approvalHandleChange"
	          >
	          <a-select-option v-for="(item,index) in approvalFilteredOptions" :key="index" :value="item.username+'_'+index">
	            {{ item.username + "->" + item.realname}}
	          </a-select-option>

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM