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>

巴特西

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

最新文章

热门文章