• 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=" 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>
    

      

  • 相关阅读:
    JavaScript概述
    JavaScript概述
    python语法基础
    python 网络编程
    python 日志模块
    python 异常处理
    python tricks
    记录_省赛(一)
    异或加密算法
    三目条件运算符
  • 原文地址:https://www.cnblogs.com/changyuqing/p/14604805.html
Copyright © 2020-2023  润新知