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

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

2024-10-28 20:10:28 前端知识 前端哥 964 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
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!