范围滑块错误：未定义的{addEventListener'

Question

我只是尝试使用vuetify中的v-range-slider组件，但我不知道为什么它会抛出未定义的'addEventListener'。

我正在对它进行基本使用，但是它一直在失败。有时，它是第一次工作，但随后会中断。

这里是their doc

还有a fiddle

VUE Component:

new Vue({
  el: "#app",
  data () {
    return {
      value1: [30, 60],
    }
  }
})

HTML Template:

<div id="app">
  <v-range-slider
    color="red"
     v-model="value1"
  ></v-range-slider>
</div>

我不知道我还能做什么xD 有人面临同样的问题吗？谢谢！

Answer 1

您会在警告中看到

  

vuetify.min.js：6 [Vuetify]缺少v-app或具有[data-app]属性的非身体包裹元素

您只需要在示例中添加一个v-app包装器即可使Vuetify正常工作

这是工作中的jsfiddle