问答

Vue2函数式编程如何获取DOM

作者:admin 2021-04-22 我要评论

为了动态生成echart图像,在render函数中生成了一个div,怎么把echart绑定在这个div上? render (h, c) { const dom = h('div') const chart = ECharts.init(/* ?...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

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

?这里怎么绑定?

###

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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 求助!Mysql workbench connections出

    求助!Mysql workbench connections出

  • c++ 的dll 转golang可以调用

    c++ 的dll 转golang可以调用

  • c++的 new int{10}  和 new int(10) 有

    c++的 new int{10} 和 new int(10) 有

  • Grafana MySQL为数据源时, 折线图无法

    Grafana MySQL为数据源时, 折线图无法

腾讯云代理商
海外云服务器