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)"