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

**最近用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的结果是
打印data5的结果
``
打印base的结果是
打印base
而我需要给data1赋值的是base这样的,所以发现错误所在了

最上面的代码不要push那么多了
直接这样

data5.push(safe.base);

这样问题就解决了!!!

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值