Vue实现下拉框选择,并与后端对应的数字类型绑定

2022-09-13 13:57:34

效果图:

在这里插入图片描述
在这里插入图片描述

代码实现:

OrderList.Vue

<a-col:xl="6":lg="7":md="8":sm="24"><a-form-itemlabel="订单状态"><a-selectplaceholder="请选择订单状态"v-model="queryParam.status":options="statusOptions"></a-select></a-form-item></a-col>
export default {
	data () {
	    return {
	        statusOptions:[
	          {
	          label:'全部', value:''
	          },
	          {
	          label:'未付款', value:'0'
	          },
	          {
	          label:'已付款', value:'1'
	          },
	          {
	          label:'退款中', value:'2'
	          },
	          {
	          label:'已退款', value:'3'
	          },
	          {
	          label:'已完成', value:'4'
	          },
	          {
	          label:'已取消', value:'5'
	          }
	        ],
	    }
	}
}
  • 作者:impl柴猿滚滚
  • 原文链接:https://blog.csdn.net/weixin_44316527/article/details/108052250
    更新时间:2022-09-13 13:57:34