首页 > 其他 > 详细

ant Vue select 多条数据重复的问题

时间:2021-04-01 10:11:19      阅读:36      评论:0      收藏:0      [点我收藏+]

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>

  

 

ant Vue select 多条数据重复的问题

原文:https://www.cnblogs.com/changyuqing/p/14604805.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!