uni-app 弹窗组件-前端-E先生的博客

uni-app 弹窗组件

Easy • 2023-10-17 17:53:42 • 前端 • 阅读530

[导读]：uni-popup,uni-app,弹窗组件...

弹出层组件，在应用中弹出一个消息提示窗口、提示框等

<template>
<view>
<button @click="open">打开弹窗</button>
<uni-popup ref="popup" type="bottom">底部弹出 Popup</uni-popup>
</view>
</template>
<script>
export default {
   methods:{
      open(){
        // 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
        this.$refs.popup.open('top')
      }
   }
}
</script>

详细信息可参考官网uniapp-unipopup