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