当前位置:   article > 正文

uniapp实现自定义弹窗组件,可以在app全局任意地方使用_uniapp全局显示弹窗不管当前在那个界面都能显示

uniapp全局显示弹窗不管当前在那个界面都能显示

{ {content}}

<view v-if=“cancelText” class=“btn” :style=“{color:cancelColor,background:cancelBackgroundColor}” @click.stop=“clickBtn(‘cancel’)”>{ {cancelText}}

<view class=“btn” :style=“{color:confirmColor,background:confirmBackgroundColor}” @click.stop=“clickBtn(‘confirm’)”>{ {confirmText}}

5.使用方式


在app页面使用<show-modal></show-modal>在这里插入图片描述

哪里需要弹窗时,加入这句代码:

this.$showModal({

title: ‘’,

content: ‘内容’,

cancelText:“取消”,//传入空值表示只显示确认按钮,此代码不能省略

confirmText:“确认”,

success(res) {

if (res.confirm) {

console.log(‘用户点击确定’)

} else if (res.cancel) {

console.log(‘用户点击取消’)

}

}
})

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/天景科技苑/article/detail/743591
推荐阅读