uni.showModa和uni.showActionSheet怎么使用
时间: 2023-02-13 13:44:57 浏览: 221
uni.showModal 和 uni.showActionSheet 是 uni-app 的内置组件,可以在应用中用来显示模态弹窗和动作表。
使用方法:
- uni.showModal:
```
uni.showModal({
title: '标题',
content: '内容',
success (res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
```
- uni.showActionSheet:
```
uni.showActionSheet({
itemList: ['选项1', '选项2', '选项3'],
success (res) {
console.log(res.tapIndex)
},
fail (res) {
console.log(res.errMsg)
}
})
```
uni.showModal 和 uni.showActionSheet 都支持传入多个参数,你可以在官方文档中查看更多使用方法:
- uni.showModal:https://uniapp.dcloud.io/api/modal?id=showmodal
- uni.showActionSheet:https://uniapp.dcloud.io/api/actionsheet?id=showactionsheet
相关问题
uni.showactionsheet的使用
uni.showactionsheet 是 uni-app 提供的一个弹出式菜单组件,可以在页面中弹出一个列表供用户选择操作。它的使用方法如下:
1. 在需要使用的页面中引入 uni.showactionsheet:
```
import { uni } from 'uni-app'
```
2. 在需要触发弹出式菜单的地方调用 uni.showactionsheet 方法:
```
uni.showactionsheet({
itemList: ['选项1', '选项2', '选项3'],
success: function (res) {
console.log('你选择了' + res.tapIndex + '号选项')
},
fail: function (res) {
console.log(res.errMsg)
}
})
```
其中,itemList 是一个字符串数组,用于定义菜单中的选项;success 是一个回调函数,在用户选择菜单选项后被调用,可以通过 res.tapIndex 获取用户选择的选项的下标;fail 是一个回调函数,在弹出式菜单出错时被调用,可以通过 res.errMsg 获取错误信息。
阅读全文