el-select选择器获取label值
获取 SELECT 选择器 el Label
2023-09-11 14:20:01 时间
前言
用于elementui Select选择器获取label值
博主这里提供两种方法
<el-select
v-model="item.mealType"
@change="mealChange(item.mealType, index)"
placeholder="请选择"
>
<el-option
v-for="item in meallist"
:key="item.mealId"
:label="item.mealLable"
:value="item.mealLable"
>
</el-option>
</el-select>
第一种方法
代码如下(示例):
//选项改变事件
mealChange(val, index) {
let resultArr = this.meallist.find((item) => {
return item.mealLable == val;
});
this.mealNumber = resultArr.mealNumber;
},
第二种方法
直接把当项值给value,选中后再取item下的id即可。
<el-select
v-model="item.mealType"
@change="mealChange(item.mealType, index)"
placeholder="请选择"
>
<el-option
v-for="item in meallist"
:key="item.mealId"
:label="item.mealLable"
:value="item"
>
</el-option>
</el-select>
相关文章
- web后台获取不到session中的值(loading sessions from persistent storage),后改用JS传值
- JS获取select的值
- jmeter 发送http请求,并把获取到的请求的订单信息保存到文件中(转)
- 获取select的值
- 用shell获取文件大小
- 使用TimeSpan对象获取时间间隔
- el-select获取选中的value和label
- Selenium webdriver 获取属性值 元素里的value
- linux命令中的字符串中间增加指令,例如路径中增加日期变量,实时获取当前的日期
- 反射方法获取事件的委托链上的函数
- Atitit jpql ast总结v2 t025.docx 目录 1.1. 多select字段 1 1.2. 多个and条件 (ok) 2 1.3. Select 字段函数(聚合等) 2 1.4. [
- flutter 获取顶部状态栏的高度
- js调用百度地图接口绘制任意多边形并获取每个点的经纬度等
- QString获取指定位置子串之mid()函数
- jquery 获取和设置 checkbox radio 和 select option的值?
- C++如何获取操作系统的语言版本
- c# 获取相对路径