开发小需求:将下拉单选框改成下拉多选框

72 阅读1分钟

项目是基于vue3+ts+vite进行开发的 需求:将下拉单选框改成下拉多选框

//原项目代码
<el-select v-model="value" class="m-2" placeholder="Select" size="large">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      />
</el-select>

//将上述代码替换为下述代码
 <el-select
        v-model="value1"
        multiple
        placeholder="Select"
        style="width: 240px"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        />
</el-select>

value原先是字符串1班/2班/3班,接口传参需要的是01/02/03,需求变更后,value变为对象,接口传参变为01,02,03 使用Object.value(value)将对象的value值取出来,返回值为[1班,2班,3班] 遍历该数组,将[1班,2班,3班]更改为[01,02,03]