Vuetify2垂直滑块高度不可配置
托古
我正在尝试为vuetify2中的垂直滑块设置特定的高度。我尝试通过height =“ 800px”和style =“ height：800px”来尝试，但是没有达到预期的效果。
我的网格框被扩展，但是滑块的高度没有改变。
我用
<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版本导致的？
斗
不幸的是，目前没有快捷方式可以设置高度v-slider。
但是，您仍然可以使用css来调整滑块的高度，如垂直滑块文档中所建议的那样。
这应该可以解决问题：CodePen
的HTML
<v-slider min="1" max="180" vertical class="large-slider" prepend-icon="mdi-axis-y-rotate-clockwise"/>
的CSS
.large-slider .v-slider {
height: 800px;
}
如果您使用具有范围样式的单一文件组件，则需要使用vue的深层选择器才能使其工作：
<style scoped>
.large-slider >>> .v-slider {
height: 800px;
}
</style>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
Linux的官方Adobe Flash存储库是否已过时？
- 2
用日期数据透视表和日期顺序查询
- 3
应用发明者仅从列表中选择一个随机项一次
- 4
Java Eclipse中的错误13，如何解决？
- 5
在Windows 7中无法删除文件（2）
- 6
在 Python 2.7 中。如何从文件中读取特定文本并分配给变量
- 7
套接字无法检测到断开连接
- 8
带有错误“ where”条件的查询如何返回结果？
- 9
有什么解决方案可以将android设备用作Cast Receiver？
- 10
Mac OS X更新后的GRUB 2问题
- 11
ggplot：对齐多个分面图-所有大小不同的分面
- 12
验证REST API参数
- 13
如何从视图一次更新多行（ASP.NET - Core）
- 14
尝试反复更改屏幕上按钮的位置 - kotlin android studio
- 15
计算数据帧中每行的NA
- 16
检索角度选择div的当前值
- 17
离子动态工具栏背景色
- 18
UITableView的项目向下滚动后更改颜色，然后快速备份
- 19
VB.net将2条特定行导出到DataGridView
- 20
蓝屏死机没有修复解决方案
- 21
通过 Git 在运行 Jenkins 作业时获取 ClassNotFoundException
我来说两句