您的位置:首页 > 运维架构

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

2019-03-01 15:52 2246 查看

**最近用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这样的,所以发现错误所在了

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

data5.push(safe.base);

这样问题就解决了!!!

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐