Javascript Vuetify2垂直滑块高度不可配置
我正在尝试为vuetify2中的垂直滑块设置特定高度。我通过height=“800px”和style=“height:800px”尝试了这一点,但没有达到预期效果 “我的栅格”框会延伸,但滑块的高度不会改变 我用Javascript Vuetify2垂直滑块高度不可配置,javascript,css,vue.js,vuetify.js,Javascript,Css,Vue.js,Vuetify.js,我正在尝试为vuetify2中的垂直滑块设置特定高度。我通过height=“800px”和style=“height:800px”尝试了这一点,但没有达到预期效果 “我的栅格”框会延伸,但滑块的高度不会改变 我用 <v-container fluid> <v-row> ... <v-col lg="2"> <v-card class="pa-1" outlined tile> <v-slider
<v-container fluid>
<v-row>
...
<v-col lg="2">
<v-card class="pa-1" outlined tile>
<v-slider min="1" max="180" v-model="angle" @input="setAngle" vertical style="height:800px"/>
</v-card>
</v-col>
</v-row>
...
</v-container>
...
...
并在屏幕截图中获得结果,即高度不变
解决方案是否有人或可能是由于vuetify 2的2.0.x版造成的?不幸的是,目前没有快捷方式道具来设置高度 但是,您仍然可以使用css来调整滑块的高度,就像文档建议的那样 这应该可以做到: HTML
CSS
.large slider.v-slider{
高度:800px;
}
如果要与范围样式一起使用,则需要使用vue才能实现此功能:
.大滑块>>>.v形滑块{
高度:800px;
}
在上引发了vuetify 2的错误