:label="item.label" 下拉菜单列表中要显示的内容
:value="item.value" 选中后显示的内容
注::value和v-model是双向绑定的
<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </template> <script> export default { data() { return { options: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶' }, { value: '选项3', label: '蚵仔煎' }, { value: '选项4', label: '龙须面' }, { value: '选项5', label: '北京烤鸭' }], value: '' } } } </script>
Element-UI组件之 — — 下拉菜单
最新推荐文章于 2024-05-16 02:53:35 发布