van-popup左右弹出的正确方式

    不得不说,vantUI在我们构建vue移动端的时候,由于其丰富的组件,极大地方便了我们的开发,提高了我们的工作效率。但是部分组件使用说明不是太清晰,这里使用“van-popup左右弹出”对话框,官方只有寥寥一句。

  经过尝试,我摸索出了左右弹框的正确方式,如下所示:

<van-popup v-model="showLeftPop" position="left" :style="{ height: '100%' ,width:'30%'}" />

  在设置width的同时需要设置height为100%,这样就能很好地解决我们的需求了。

 

效果如下图所示:

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读