vue实现el-select默认选择第一个或者第二个_vue.js_

el-select默认选择第一个或者第二个

框架用的是若依，字典

这是el-select

这是data里面定义的 直接写个 1 就是第一个

这是页面

select下拉框的默认选中项的三种情况

在Vue中 使用select下拉框 主要靠的是 v-model 来绑定选项 option 的 value 值。

select下拉框在界面的展示，我们都希望看到框中有一个值 而不是空白，比如显示 “请选择” 或者 “全部” 的默认值。先来看效果图

关于select选项的写法 有三种情况

• ①.写在HTML中
• ②.写在JS一个数组中
• ③.通过接口去获取得到

我们直接上代码：

第一种

是option的值写在HTML中

请选择未处理处理中处理完成

第二种

是option 选项内容写在JS中的，通过v-for来遍历的：

{{item.statusVal}}

第三种

是option 选项内容 通过接口去获取 但是接口里没有默认选中项怎么办呢？看代码

请选择{{item.statusVal}}

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！