使用el-select,通道类型显示数据0,不显示启动,关闭,掉线。
v-model 需要的是string类型
<el-select v-model="ruleForm.status" placeholder="车场状态" >
<el-option label="开启" value="1"></el-option>
<el-option label="关闭" value="0"></el-option>
</el-select>
我们来看看他们的类型
<el-form-item label="通道类型">
{{typeof(deviceForm.machine_type)}}
<el-select v-model="deviceForm.machine_type" placeholder="通道类型">
<el-option label="入口" value="0"></el-option>
<el-option label="出口" value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="机器标识" prop="address">
<el-input v-model="deviceForm.machine_id" @input="change($event)"></el-input>
</el-form-item>
<el-form-item label="机器密钥" prop="address">
<el-input v-model="deviceForm.machine_key" @input="change($event)" ></el-input>
</el-form-item>
<el-form-item label="通道状态">
{{typeof(deviceForm.status)}}
<el-select v-model="deviceForm.status" placeholder="通道类型" >
<el-option label="启动" value="1"></el-option>
<el-option label="关闭" value="0"></el-option>
<el-option label="掉线" value="2"></el-option>
</el-select>
</el-form-item>
效果是,styring可以显示中文,number不行,
所以我们赋值的时候给他转化为string就可以了
deviceedit(index, row) {
this.deviceForm.id = row.id,
this.deviceForm.name = row.name
this.deviceForm.machine_id = row.machine_id
this.deviceForm.machine_key = row.machine_key
this.deviceForm.machine_type = row.machine_type.toString()
this.devicesingletitle = '编辑'
this.devicesingle = true
},
在赋值后面加上tostring() ,js就可以将数据转化为number,并且显示中文字符