时间:2021-05-25
直接绑定将option中的value值绑定给v-model
<template> <div> <el-select v-model="query"> <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"></el-option> </el-select> </div></template><script>export default{ data() { return { options: [{ value: '01', label: '我的' }, { value: '02', label: '你的' }, { value: '03', label: '他的' }], query: '02' } }}</script><style></style>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
element-ui中的select下拉列表如何设置默认值?在element-ui的运用中,涉及到了select下拉列表。项目中需要将select的默认值给展示
使用结合Element-UI的导航菜单:UI组件el-menu-item里的index写对应的组件名点击事件@select="handleSelect"首页关于
Nuxt使用create-nuxt-app创建项目时,选择使用Element-UI为默认组件库,发现Nuxt没有开启Element-UI的按需引入配置,需要自行
element-ui侧边栏默认要全部展开怎么做?element-ui文档中是这么写的default-openeds当前打开的sub-menu的key数组给标签加
在项目中发现使用el-select时写的比较多重复代码,还有就是同一个页面使用el-select会出现label值会显示value值,el-select组件化: