当前位置:网站首页 > Vue.js开发 > 正文

vue mint-ui中swipe高度自适应

动态设置图片高度 

<div class="aaa"> <mt-swipe :auto="4000" :style="{ height: `${imgSize}px` }"> <mt-swipe-item><img src="../imgs/banner3_img.png" ref="img"></mt-swipe-item> <mt-swipe-item><img src="../imgs/banner_img.png"></mt-swipe-item> <mt-swipe-item><img src="../imgs/banner2_img.png"></mt-swipe-item> </mt-swipe> </div>

动态获取图片高度

data(){ return{ imgSize:0 } }, mounted() { this.imgSize = this.$refs['img'].offsetHeight; console.log(this.imgSize); },

 

到此这篇vue mint-ui中swipe高度自适应的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • VUE页面不刷新时调用forceUpdate即可2024-12-02 19:45:04
  • VUE实现吸底2024-12-02 19:45:04
  • 移动端兼容安卓456实现0.5像素边框2024-12-02 19:45:04
  • vue post application/x-www-form-urlencoded传参的解决方案2024-12-02 19:45:04
  • vue安装npm时遇到 npm ERR! syscall rename npm ERR!错误解决办法2024-12-02 19:45:04
  • VUE手写实现移动端el-table组件2024-12-02 19:45:04
  • VUE防止路由重复点击报错2024-12-02 19:45:04
  • vue中父组件传值给子组件,父组件值改变,子组件不能重新渲染2024-12-02 19:45:04
  • vue组件实现全屏倍速视频播放功能2024-12-02 19:45:04
  • VUE报错: Avoid mutating a prop directly since the value will be overwritten whenever the parent及解决方案2024-12-02 19:45:04
  • 全屏图片