element-ui中el-select的value值传参时为数字的vue解决办法

在使用el-select组件的时候,el-option选项中的label和value的值分别是对应的,但是value的值需要在传参的时候,后端需要的是数字,不是字符串

首先这种写法,传的参数在后台是字符串的

value=“1” 这种直接赋值的方法是传的是字符串

element-ui中el-select的value值传参时为数字的vue解决办法_第1张图片


		          
		            
		            
		          
 
//JS 代码
data() {
			return {
				data01: { //获取列表提交单据
				   Content: {
					    //状态的字段
						State:'',
					
					},
				}
		}
}

由于element-ui select组件会自动匹配 传入的值 和 value值,如果相等 则显示此value所对应的label值,这里没有匹配原因则是我们绑定值是字符串 也就是 “0”,后端数据是 0 类型是number,因此加上 v-bind , ’ : '是 v-bind 简写,value的值类型就为number了,也就是:value="1"的写法就好了

在这里插入图片描述
接收的参数也是数字的了
element-ui中el-select的value值传参时为数字的vue解决办法_第2张图片

你可能感兴趣的:(Vue.js,Element-ui,Vue)