VUE实现使用el-select,实现复制粘贴进来，根据逗号来切割成每一项

乐容

于 2024-03-07 13:40:42 发布

阅读量486

点赞数 2

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/m0_61265297/article/details/136531421

版权

文章介绍了在Vue应用中的el-form-item中，如何使用el-select组件实现一个多选框，允许用户输入并筛选联系人列表，同时利用flatMap和Set方法进行去重处理。

摘要由CSDN通过智能技术生成

   

      <el-form-item :label="this.$t('mail.Recipient')" prop="emailToUser">
        <el-select allow-create filterable multiple style="width: 100%" ref="emailToUser"
                   v-model="conArr.youxiangdizhi" v-el-select-loadmore="loadmore" clearable @change="www">
          <el-option
            v-for="(item,index) in oaEmailList"
            :key="index"
            :label="item.label"
            :value="item.value">
          </el-option>
          <!--          <el-button slot="suffix" type="text" style="padding-right:10px" @click="onInputFocus">选择</el-button>-->
        </el-select>
      </el-form-item>




 www(e){
      // 111,222,333
   const a =  e.map(item =>{
        return item.split(',')
      })
      const flatArray = a.flatMap(innerArray => innerArray.map(item => item));
      const uniqueArray = Array.from(new Set(flatArray));
this.conArr.youxiangdizhi = uniqueArray
    },