Error in callback for watcher "data": "TypeError: Cannot create property '_isHover' on string 'xxx'"

最新推荐文章于 2024-09-19 07:01:37 发布

小楼又听雨

最新推荐文章于 2024-09-19 07:01:37 发布

阅读量2.3w

点赞数 2

本文链接：https://blog.csdn.net/weixin_43481793/article/details/88061129

版权

**最近用vue+iview组件写一个后台管理系统，在填充table组件的data数据的时候遇到这个错误，觉得有必要自己记录一下，提醒自己写代码要小心小心！！！
** ` 错误提示

表格

在这里插入代码片
<Table border
               :columns="columns1"
               :current="params.pageNum"
               @on-selection-change="selectionChange"
               :data="data1"
               width=100%>
        </Table>

` 表格内容

 columns1: [
            {
              title: '保险公司名称',
              align: 'center',
              key: 'name'
            },
            {
              title: 'LOGO',
              align: 'center',
              key: 'logo'
            },
            {
              title: '保险总额',
              align: 'center',
              key: 'total'
            },
            {
              title: '返利',
              align: 'center',
              key: 'rebate'
            },
          ],

**表格数据先定义好

data1: [],

**此时data1需要的是一个数组
**
看看我的json部分数据

{
	"base": {                                       
		"name": "安心",
		"logo": "http://sdf",
		"total": "1914.02",
		"rebate": 229, 返利
		"labels": []   标签
	},
	"detail": {
		"jq": {
			"insurances": [{
				"price": "950",
				"name": "交强险",
				"insuredAmount": "122000" 保额
			}, {
				"price": "60",
				"name": "车船税",
				"insuredAmount": ""
			}],
			"total": "1010",
			"cAppNo": "T0300012019320000000000792"  不显示
		},
		"sy": { 商业险
			"total": "904.02",
			"cAppNo": "T0330112019320000000000736", 不显示
			"insurances": [{
				"price": "877.62",
				"name": "第三者责任险",
				"insuredAmount": "150000"
			}, {
				"price": "16",
				"name": "车上人员责任险（驾驶人）",
				"insuredAmount": "5000"
			}, {
				"price": "10.4",
				"name": "车上人员责任险（乘客）",
				"insuredAmount": "5000"
			}]
		}
	}
}

`
已经将json字符串转化成了json对象
将json数据中的base赋给data1
先通过一个数组接收
``

 const data5=[];
            data5.push(safe.base.name);
            data5.push(safe.base.total);
            data5.push(safe.base.logo);
            data5.push(safe.base.rebate);
```this.data1=data5;

打印data5的结果是

``
打印base的结果是

而我需要给data1赋值的是base这样的，所以发现错误所在了