做的项目排查一个bug，前端通过json传一个id给后端，发现这个id有时是整数，有时是字符串，后端订的接口是整数，
开始排查，情况是前端代码一行没变，结果这个id有时是整数，有时是字符串，
后面发现代码是通过query传参，vue框架的query传参不会改变传入参数的类型,
但是因为通过页面的query传参, 当用户手动点刷新后, query的参数就会被置为字符串类型,
解决方法: 从query获取的参数先进行字符串转换或解析成想要的类型后再使用

js可以设置数据劫持，vue可能是设置了数据劫持(Object.defineProperty(), setter) 或者在页面刷新后vue重新构建了router下的这个query对象(从url获取到query参数，但是又没办法判断是什么类型，所以只能统一为string)， 所以在取router的query时，取到的数据类型就变成string

# vue.js # 前端 # javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue