Vuetify滑块停留在中间完全不移动?

kokeuurv  于 2023-01-09  发布在  Vue.js
关注(0)|答案(1)|浏览(173)

滑块停留在中间,完全不移动。

  • 版本信息
  • 版本3.2.45
  • 验证3.1.0
  • 维生素C 4.0.0
<script>
export default {
  data: () => ({
    slider1: 0,
    slider2: 50,
    slider3: 100,
  }),
};
</script>

<template>
  <div>
    <v-card>
      <v-slider v-model="slider1"></v-slider>
      <v-slider v-model="slider2"></v-slider>
      <v-slider v-model="slider3"></v-slider>
    </v-card>
  </div>
</template>

Here is a reproduction link. https://play.vuetifyjs.com/#eNqVUttSwyAQ/ZUdnuxMA73YF0w79TtKH2Kgig2EARJ1Ov13NyR2elFHn2DP7p49HHZzII/O0bZRhJM8lF67uBJWvbvaR5BqVzRVhIOwALKIBYe7ESxXcJcQgFBpqfyUw2R8Dsw4LC6ROYfppIeOIzyOD8Lm7DQPg6iMq4qoMALIpW7TBa9tVhZeDlGKe0poM1NLVS0FGWQIssrZV/oPDbP/Nsy/a+iAk8Kc9cpzdvYeMibadIZmpnD0NdQWzU4OiiERBOG9yx2Gv9HFgrzE6AJnrLFu/0zL2rA15phvbNRGZbI26zmd0fsFTg3xHKcqmOzJ129BeZwoyPAbiTzq3cdPA4Y08k7ppKcdoI7yhoohf6t85pVFR5T/VfdV7YX2q9yN/rQ5uDfoZaXtPlzZWIZk4WbblRzHpKfG4vQOsv0EPDvxww==

ohtdti5x

ohtdti5x1#

为了使应用程序正常工作,必须将其 Package 在v-app组件中。此组件是确保正确的跨浏览器兼容性所必需的。

<v-app>
  <v-card>
    <v-slider v-model="slider1"></v-slider>
    <v-slider v-model="slider2"></v-slider>
    <v-slider v-model="slider3"></v-slider>
  </v-card>
</v-app>

相关问题