Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vuetify2垂直滑块高度不可配置_Javascript_Css_Vue.js_Vuetify.js - Fatal编程技术网

Javascript Vuetify2垂直滑块高度不可配置

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

我正在尝试为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版造成的?

不幸的是,目前没有快捷方式道具来设置高度

但是,您仍然可以使用css来调整滑块的高度,就像文档建议的那样

这应该可以做到:

HTML


CSS

.large slider.v-slider{
高度:800px;
}
如果要与范围样式一起使用,则需要使用vue才能实现此功能:


.大滑块>>>.v形滑块{
高度:800px;
}
在上引发了vuetify 2的错误