如何重新渲染这个dom呢?
0x1 声明式渲染&&update钩子
最简单的做法是将变量obj放置在dom中,因为obj为响应式数据,当obj在dom里发生改变,随即调用update钩子,dom被修改,再手动调用renderBarChart函数将echarts的canvas dom重新渲染
子组件
<template>
<div>
i'm test page
<div style="display:none">{{obj}}</div>
<div ref="basicBarChart" style="width:100%;height:350px"></div>
</div>
</template>
<script>
export default{
updated(){
// 把变化的数据传进去
this.renderBarChart()
},
}
</script>