宝哥软件园

元素界面选择组件默认选择效果实现的方法

编辑:宝哥软件园 来源:互联网 时间:2021-08-26

首先,v-model的值是当前选择的el-option的值属性值

要求:进入编辑页面,默认选择状态栏生效,如下图:

html代码的一部分:

El-form-项目标签=' status ' El-select v-model=' form。状态'占位符='请在选项' : key='项中选择' El-option v-for='项。值“:标签=”项。拉贝。L' :值='项。值'/El-选项/El-选择/El-表单-状态属性以项目数据的形式定义:

查看数据中选项的定义,选项都是选择框中的可选内容,包括标签属性(项目的名称)和值属性(项目的具体值)。value是我们需要的值,也是传递给后端的值,而label是显示给用户的值。重复:v-model的值是当前选择的el-option的值属性值

选项3360 [{value:' 1 ',label:' effective' },{value: '2 ',label : ' effective ' }],因此,如果需要默认选择effective选项,则需要将effective对应的值赋给el-select的v-model。

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+