vue 动态绑定height以及v-if、v-else的使用

动态绑定height:

:style="{height: slideHeight+'rem'}"

slideHeight: 2

如果需要计算来得到高度，如:

<p :style="obj">111</p>

data:

winHei: screen.availHeight, //屏幕高度
winWid: screen.availWidth, //屏幕宽度
obj:{
    height : ''  
}

this.obj.height = winHei * 3 +'px';


v-if、v-else
例：

<div v-if="isShowSlide" class="shopSlideImg" style="height:2rem">
    <shop-slide :shopImgsList="shopImgsList"></shop-slide>
</div>
<div v-else="isShowSlide" class="shopSlideImg" style="height:0rem">
    <shop-slide :shopImgsList="shopImgsList"></shop-slide>
</div>

版权声明：本文来源博客园，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://www.cnblogs.com/linjiangxian/p/11454628.html
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2019-11-17 13:23:27
阅读 ( 1090 )
分类：前端

vue 动态绑定height以及v-if、v-else的使用

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看