使用el-select ,传入数据,它显示数字的问题,不显示汉字,el-select下拉中文选择

使用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,并且显示中文字符

  • 7
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值