首页 前端知识 vue 下拉框默认值显示与多值传参

vue 下拉框默认值显示与多值传参

2024-10-28 20:10:28 前端知识 前端哥 969 273 我要收藏

1、vue下拉框介绍

<template>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
复制

注:v-model的值为当前被选中的el-option的 value 属性值

 其他详情可参考:Element - The world's most popular Vue UI framework

2、默认值显示

对v-model属性对应字段直接赋值即可。

3、多值传参

实现思路如下:

通过change实现将相关变量传到对应函数中,然后在函数里完成数据处理与待传参变量赋值。例如

@change="receivedProps($event,varibale)"
复制

转载请注明出处或者链接地址:https://www.qianduange.cn//article/19363.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!