Question

我正在制作一个使用NightCatSama的vue-slider-component的Vue Web应用程序vue-cli，但是由于某种原因，该滑块似乎完全不可见。奇怪的是，在“元素”选项卡中选择DOM元素会突出显示它们，如果我单击该不可见滑块上点应位于的位置，则组件的数据 do 会发生变化，就像拖动点一样

这是我的应用程序的模板/ JS（注释掉整个样式无效）

<template>
  <div id="app">
    <vue-slider v-model="dots"></vue-slider>
  </div>
</template>

<script>
import VueSlider from "vue-slider-component";

export default {
  name: "app",
  components: { VueSlider },
  data: function() { return {"dots": [0, 50]} },
}
</script>

另一个奇怪的是，如果我进入开发人员工具的Vue面板，则该组件的名称似乎是“ E”，而不是“ VueSlider”

Answer 1

发现了错误。我只是忘了为组件导入样式

vue-slider-component完全不可见

1 个答案: