vue+elementui select下拉框可以显示两个值

最新推荐文章于 2024-06-27 14:27:32 发布

Y_余悸

最新推荐文章于 2024-06-27 14:27:32 发布

阅读量3.3k

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/Yujis/article/details/113697695

版权

这段代码展示了如何在Vue中利用el-select组件创建一个多选下拉框，通过`v-model`绑定`consult.catalog`，并用`v-for`遍历`catalogList`生成选项。每个选项的值为`item.id`，显示内容为`item.fileNumber`和`item.fileType`的组合，中间用不同符号分隔。

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


<el-select collapse-tags  multiple v-model="consult.catalog">
     <el-option  v-for="(item,index) in cataloglist" :key="index" :value="item.id"  :label="`${item.fileNumber}、${item.fileType}`" >
      </el-option>
</el-select>

主要代码是：:label="`${item.fileNumber}、${item.fileType}`"
中间可以用不同符号隔开.