vue-awesome-swiper 高度

根据您提供的引用内容，我了解到vue-awesome-swiper是一个用于Vue.js的轮播组件。关于设置vue-awesome-swiper的高度，可以参考以下方法：

首先，您可以在CSS样式中设置swiper的高度。根据引用中的代码，可以在样式中找到swiper的类名，并设置其高度属性。例如，如果您想将swiper的高度设置为500px，可以添加以下样式：

.swiper-container {
  height: 500px;
}

另外，您还可以通过使用swiper的props属性来设置组件的高度。根据引用中的代码，可以在vue的data中找到swiperOption，并在其中添加height属性。例如，如果您想将swiper的高度设置为500px，可以添加以下代码：

swiperOption: {
  pagination: '.swiper-pagination',
  height: '500px'
}

这样设置后，vue-awesome-swiper组件将会使用指定的高度来显示。您可以根据需要调整高度的数值。

综上所述，您可以通过在CSS样式中设置swiper的高度或者通过swiper的props属性来设置vue-awesome-swiper的高度。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue-awesome-swiper遇到的坑！！！（包括swiper display: none后在显示的bug）](https://blog.csdn.net/qq_41108402/article/details/80546626)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]