【UI】 element -ui select下拉框label显示多个值

简介: 【UI】 element -ui select下拉框label显示多个值

效果

实现代码

<template>
  <div class="app">
    <el-select v-model="value" placeholder="请选择">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="`姓名:${item.name}, 性别:${item.sex}`"
        :value="item.value"
      >
      </el-option>
    </el-select>
  </div>
</template>
<script>
export default {
  data() {
    return {
      options: [
        {
          value: "选项1",
          name: "张三",
          sex: "女",
        },
        {
          value: "选项2",
          name: "李四",
          sex: "男",
        },
        {
          value: "选项3",
          name: "王五",
          sex: "男",
        },
        {
          value: "选项4",
          name: "老六",
          sex: "女",
        },
        {
          value: "选项5",
          name: "老八",
          sex: "男",
        },
      ],
      value: "",
    };
  },
};
</script>
目录
相关文章
|
21天前
【UI】elementui select点击获取label 和 value
【UI】elementui select点击获取label 和 value
15 1
|
10月前
|
JavaScript 前端开发 数据处理
【React/Vue2】 使用Element UI 高度封装Select 下拉框创建条目(Ant Design更为简单)
【React/Vue2】 使用Element UI 高度封装Select 下拉框创建条目(Ant Design更为简单)
【React/Vue2】 使用Element UI 高度封装Select 下拉框创建条目(Ant Design更为简单)
|
7月前
|
JSON JavaScript 前端开发
用 SAP UI5 Select 控件(下拉列表),来驱动表格控件(Table)刷新的一个实战例子试读版
用 SAP UI5 Select 控件(下拉列表),来驱动表格控件(Table)刷新的一个实战例子试读版
49 0
|
8月前
|
Web App开发 前端开发 JavaScript
SAP UI5 应用开发教程之九十五 - SAP UI5 下拉菜单(Select) 控件的使用方式试读版
SAP UI5 应用开发教程之九十五 - SAP UI5 下拉菜单(Select) 控件的使用方式试读版
40 0
|
JavaScript UED
解决 Element-ui中 选择器(Select)因options 数据量大导致渲染慢、页面卡顿的问题
解决 Element-ui中 选择器(Select)因options 数据量大导致渲染慢、页面卡顿的问题
3092 0
解决 Element-ui中 选择器(Select)因options 数据量大导致渲染慢、页面卡顿的问题
|
自然语言处理 IDE Java
SAP UI5 表格 Click to Select 文本的来源
SAP UI5 表格 Click to Select 文本的来源
|
移动开发 HTML5
Element-ui中 选择器(select)多选下拉框实现全选功能
Element-ui中 选择器(select)多选下拉框实现全选功能
728 0
Element-ui中 选择器(select)多选下拉框实现全选功能
|
JavaScript
|
JavaScript 前端开发
Vue注册自定义指令实现element-ui组件库select下拉框滚动加载更多
Vue注册自定义指令实现element-ui组件库select下拉框滚动加载更多
336 0
Vue注册自定义指令实现element-ui组件库select下拉框滚动加载更多
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
29 0

热门文章

最新文章