search

David-Desmaisons / vue-plotly

📈 vue wrapper for plotly.js
https://david-desmaisons.github.io/vue-plotly/
MIT License
255 stars 74 forks source link

_vm._self is undefined #25

Open lijie97 opened 3 years ago

lijie97 commented 3 years ago

Using vue3, we tried to run the example

<template>
<Plotly :data="data" :layout="layout" :display-mode-bar="false"></Plotly>
</template>

<script>

import { Plotly } from 'vue-plotly'

export default {
  components: {
    Plotly
  },
  data:()=>({
    data:[{
      x: [1,2,3,4],
      y: [10,15,13,17],
      type:"scatter"
    }],
    layout:{
      title: "My graph"
    }
  })
}
</script>

but, we got

Uncaught TypeError: _vm._self is undefined
    render vue-plotly.umd.js:209952
    renderComponentRoot runtime-core.esm-bundler.js:696
    componentEffect runtime-core.esm-bundler.js:4035
    reactiveEffect reactivity.esm-bundler.js:42
    effect reactivity.esm-bundler.js:17
    setupRenderEffect runtime-core.esm-bundler.js:4018
    mountComponent runtime-core.esm-bundler.js:3976
    processComponent runtime-core.esm-bundler.js:3936
    patch runtime-core.esm-bundler.js:3547
    componentEffect runtime-core.esm-bundler.js:4053
    reactiveEffect reactivity.esm-bundler.js:42
    effect reactivity.esm-bundler.js:17
    setupRenderEffect runtime-core.esm-bundler.js:4018
    mountComponent runtime-core.esm-bundler.js:3976
    processComponent runtime-core.esm-bundler.js:3936
    patch runtime-core.esm-bundler.js:3547
    mountChildren runtime-core.esm-bundler.js:3736
    mountElement runtime-core.esm-bundler.js:3659
    processElement runtime-core.esm-bundler.js:3631
    patch runtime-core.esm-bundler.js:3544
    componentEffect runtime-core.esm-bundler.js:4053
    reactiveEffect reactivity.esm-bundler.js:42
    effect reactivity.esm-bundler.js:17
    setupRenderEffect runtime-core.esm-bundler.js:4018
    mountComponent runtime-core.esm-bundler.js:3976
    processComponent runtime-core.esm-bundler.js:3936
    patch runtime-core.esm-bundler.js:3547
    render runtime-core.esm-bundler.js:4634
    mount runtime-core.esm-bundler.js:2985
    mount runtime-dom.esm-bundler.js:1208
    <anonymous> main.js:4
    js app.js:1137
    __webpack_require__ app.js:849
    fn app.js:151
    1 app.js:1150
    __webpack_require__ app.js:849
    checkDeferredModules app.js:46
    <anonymous> app.js:925
    <anonymous> app.js:928
David-Desmaisons commented 3 years ago

this component is currently not vue 3 compatible.