Vue Element下拉框显示多个值 Select多值显示

vue 下拉框显示多个值下拉框有时候需要显示多个值，如下图显示编号及状态。

Tigers996

3228人浏览 · 2022-11-04 14:54:38

Tigers996 · 2022-11-04 14:54:38 发布

一、效果

下拉框有时候需要显示多个值，如下图显示编号及状态
下拉多值显示

二、代码

将label设置为 :label="`${item.f_stdname}--${item.f_stdstate}`"

<el-select v-model="data.F_StdNo" placeholder="请选择" style="width: 100%" filterable >
      <el-option v-for="item in stdArr"
          :key="item.f_stdno"
          :label="`${item.f_stdname}--${item.f_stdstate}`"
          :value="item.f_stdno">
      </el-option>
</el-select>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^