Vue2函数式编程如何获取DOM

Question

为了动态生成echart图像，在render函数中生成了一个div,怎么把echart绑定在这个div上？

render (h, c) {
    const dom = h('div')
    const chart = ECharts.init(/* ? */)
}

？这里怎么绑定？

Answer 1

给div加个id吧，这样即能取到dom，以后如果用到多个图表，也不会重复

Answer 2

export default {
    // ...
    render(h) {
         return h('div', {
              attrs: {
                 id: 'echart'
              }
         })
   },
   mounted() {
      const options = {}
      const el = document.getElementById('echart')
      const chart = ECharts.init(/* ? */)
   }
}