时间:2021-05-28
首先,v-model的值为当前被选中的el-option的 value 属性值
需求:进入编辑页面,状态栏默认选中生效,如下显示:
html部分代码:
<el-form-item label="状态"> <el-select v-model="form.status" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select></el-form-item>data的form中定义status属性:
再看data中options的定义,options为选择框中所有的可选内容,有label属性(某一项的名字)和value属性(某一项的具体的值),value才是我们需要的值,也是传到后端的值,而label是展示给用户看的值,重复一点:v-model的值为当前被选中的el-option的 value 属性值
options: [{ value: '1', label: '生效' }, { value: '2', label: '失效' }],因此,如果需要默认选中生效选项,需要把生效对应的value赋给el-select的v-model
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JQUERY简单按钮轮换选中效果实现方法。分享给大家供大家参考。具体实现方法如下:按钮轮换点击效果ulli{list-style-type:non
TIPs:用了elementUI的select选择器。换成普通select也差不多。数据没写南海诸岛,没写默认全国。HTML:JS:exportdefault{
如下所示:这里的hanleSelect默认绑定的参数是选中的那条数据。但是如果一个页面有好几个相同的组件,要想知道选中的是第几个。@select="handle
本文介绍了用css3实现switch组件的方法,分享给大家,具体如下:基于表单的checkbox效果图原理checkbox,有两种状态,没选中和选中,当选中的时
textarea默认字颜色以及获取焦点后的字的颜色,焦点获取后使默认消失输入您要输入的内容select默认选中项颜色为灰色,选择后变为黑色(js实现)varun