vue2基础--实现下拉框选择筛选
下拉框筛选常用于搜索筛选出列表中的数据1.代码el-selectv-modeltypeclearableplaceholder类型el-optionv-foritem in typeOptions:keyitem.value:labelitem.label:valueitem.value//el-select2.定义的参数和映射data() {return {type: 1, //下拉框绑定的参数typeOptions: [ //下拉框中参数值和中文之间的映射{ value: 1, label: 待审核 },{ value: 2, label: 已通过 }],}}type: 1, 页面初始化时下拉框中显示的是待审核如果定义的 type: 2 ,则页面初始化时下拉框中显示的是已通过如果定义的 type: ,则页面初始化时下拉框中显示的是占位placeholder定义的类型此时打印type就能拿到下拉框选中的valueconsole.log( 下拉框选中的value ,this.type将this.type赋值给接口从参数就可以实现列表数据的筛选
