vue报错不能将类型“number”分配给类型“string”

目录

前情提要

报错信息：

适用场景：

解决方法：

代码案例中的逻辑：

修改方式：

---

前情提要

报错信息：

不能将类型“number”分配给类型“string”

适用场景：

前端是string类型的数据例如单选框的性别：“男” “女”，需要在后端数据库以int类型的格式例如：“0”“1”的格式存储，后端接收到对象中该属性为int类型，故在前端需要将string转换成int类型

解决方法：

async function revise() {
  const lab = form1.value
  if (form1.value.isRecruit === '否') {
    lab.isRecruit = '0'
    Number(lab.isRecruit)
  }
  else {
    lab.isRecruit = '1'
    Number(lab.isRecruit)
  }
  const response = await axios.post('/update/lab', lab)
  if (response.data) {
    ElMessage.success('修改成功')
  }
  else {
    ElMessage.error('修改失败')
  }
}

代码案例中的逻辑：

需要把lab对象（表单1）作为参数传给后端：axios.post('/update/lab', lab)

但是form1中的isRecruit属性的值为sting类型但是后端接受的对象需要是int，故需要修改

修改方式：

• 判断isRecruit属性的值
• 根据实际情况给它赋值string类型的数字
• Number（）函数转换