uniapp的两种弹窗方式

uniapp的两种弹窗方式

方式一:

bash 复制代码
			// 提示存储唯一值
					// uni.showModal({
					//   title: '提示',
					//   content: this.deveiceId,
					//   success(res) {
					//     if (res.confirm) {
					//       console.log('用户点击了确定');

					//     } else if (res.cancel) {
					//       console.log('用户点击了取消');
					//     }
					//   }
					// });

方式二:

bash 复制代码
uni.showActionSheet({
  itemList: ['选择1', '选择2'], // 按钮列表
  success: function (res) {
    // res.tapIndex 是用户点击的按钮索引,0 表示第一个按钮"选择1",1 表示第二个按钮"选择2"
    if (res.tapIndex === 0) {
      console.log('用户选择了选择1');
      // 在这里处理选择1的逻辑
    } else if (res.tapIndex === 1) {
      console.log('用户选择了选择2');
      // 在这里处理选择2的逻辑
    }
  },
  fail: function (res) {
    // 用户点击了取消按钮或者关闭了弹框
    console.log('用户取消了操作');
  }
});
相关推荐
3Katrina几秒前
深入理解 useLayoutEffect:解决 UI "闪烁"问题的利器
前端·javascript·面试
前端_学习之路1 小时前
React--Fiber 架构
前端·react.js·架构
coderlin_1 小时前
BI布局拖拽 (1) 深入react-gird-layout源码
android·javascript·react.js
伍哥的传说1 小时前
React 实现五子棋人机对战小游戏
前端·javascript·react.js·前端框架·node.js·ecmascript·js
qq_424409191 小时前
uniapp的app项目,某个页面长时间无操作,返回首页
前端·vue.js·uni-app
我在北京coding1 小时前
element el-table渲染二维对象数组
前端·javascript·vue.js
2501_915918411 小时前
Fiddler中文版全面评测:功能亮点、使用场景与中文网资源整合指南
android·ios·小程序·https·uni-app·iphone·webview
布兰妮甜1 小时前
Vue+ElementUI聊天室开发指南
前端·javascript·vue.js·elementui
SevgiliD1 小时前
el-button传入icon用法可能会出现的问题
前端·javascript·vue.js
我在北京coding1 小时前
Element-Plus-全局自动引入图标组件,无需每次import
前端·javascript·vue.js