vue.runtime.esm.js:620 [Vue warn]: Error in nextTick: “TypeError: Cannot convert object to primitive

问题： vue.runtime.esm.js:620 [Vue warn]: Error in nextTick: “TypeError: Cannot convert object to primitive value”直接把数据来源变量的值赋值给页面变量，正常展示this.columns= [{prop: "num", label: "序号"}]直接把数据来源变量赋值给页面变量，报错this.

qq_32758159

3967人浏览 · 2021-12-06 17:29:42

qq_32758159 · 2021-12-06 17:29:42 发布

问题： vue.runtime.esm.js:620 [Vue warn]: Error in nextTick: “TypeError: Cannot convert object to primitive value”

直接把数据来源变量的值赋值给页面变量，正常展示

 this.columns= [{prop: "num", label: "序号"}]

直接把数据来源变量赋值给页面变量，报错

this.columns= resp.headerList

对比两次赋值
在这里插入图片描述
尝试处理数据，之后解决了

this.columns =  JSON.parse(JSON.stringify(resp.headerList)) || [];

总结：引起报错的原因可能是数据的属性中缺少[[Prototype]]

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}$/, //不连续的两位字母// /^