英文:
Vuetify slider stays in the middle doesn't move at all?
问题
滑块保持在中间位置，一点都不移动。
- 版本信息
- Vue 3.2.45
- Vuetify 3.1.0
- Vite 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>
英文:
The slider stays in the middle and doesn't move at all.
- Version Info
- Vue 3.2.45
- Vuetify 3.1.0
- Vite 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>
答案1
得分: 7
为了使您的应用程序正常工作，您必须将其包装在一个 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>
英文:
In order for your application to work properly, you must wrap it in a v-app component. This component is required for ensuring proper cross-browser compatibility.
<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>
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论