1.父组件中将需要传递的对象用v-bind进行绑定,注意不能用缩写形式:
toTotalData里面的值是我设置的初始值,后面有动态改变
toTotalData: {
totalUser: 1,
totalCallTime: 1,
totalCallNumber: 1,
avgCallTime: 1,
yesterdayNewUser: 1,
pendingReview: 1,
},
<panel-group
v-bind:toTotalData="toTotalData"
@handleSetLineChartData="handleSetLineChartData"
/>
2.子组件中操作,props数组形式接收传递过来的值
props:['toTotalData']
3.将toTotalData对象中的值动态绑定,例如
<count-to
:start-val="0"
:end-val="toTotalData.totalCallTime"
:duration="3000"
class="card-panel-num"
/>