uni-app模态弹窗
时间: 2023-10-30 11:08:03 浏览: 169
BootStrap modal模态弹窗使用小结
uni-app中可以使用uni-modal组件来实现模态弹窗。具体使用方法如下:
1. 在需要使用模态弹窗的页面中引入uni-modal组件:
```
<template>
<view>
<!-- 其他页面内容 -->
<uni-modal></uni-modal>
</view>
</template>
```
2. 在需要触发模态弹窗的元素上绑定一个点击事件,并在事件处理函数中调用uni.showModal方法:
```
<template>
<view>
<button @click="showModal">显示模态弹窗</button>
</view>
</template>
<script>
export default {
methods: {
showModal() {
uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
}
}
}
</script>
```
阅读全文