业务需求
有些业务需求中需要使用全部,但是有些地方的搜索中不需要全部选项,想单独封装一个组件,但是感觉有点小题大作,并且如果向表单中使用unshift新增选项,这样对于不使用全部选项的又不合适
另外初始进页面需要默认选中全部,这里就需要使用v-model进行双向绑定
实现
<el-select v-model="dealData.state" placeholder="请选择状态类型">\<el-option key="" value="" label="全部"></el-option><el-optionv-for="item in states":key="item.code":label="item.label":value="item.code"></el-option>
</el-select>
这里使用空来表示全部,当然也可以使用其他内容,然后从data中初始化这个state,即定义state:''
data() {return {dealData: {state: '',}}
}
这样就默认选中全部,如果再没有全部的下拉框中使用,不添加全部的el-opetion即可