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('用户取消了操作');
  }
});
相关推荐
新中地GIS开发老师28 分钟前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang35 分钟前
前端性能优化
前端·javascript·vue.js·性能优化
左手吻左脸。35 分钟前
解决el-select因为弹出层层级问题,不展示下拉选
javascript·vue.js·elementui
李白的故乡36 分钟前
el-tree-select名字
javascript·vue.js·ecmascript
Rysxt_40 分钟前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含43 分钟前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js
大鱼前端44 分钟前
Turbopack vs Webpack vs Vite:前端构建工具三分天下,谁将胜出?
前端·webpack·turbopack
你的人类朋友1 小时前
先用js快速开发,后续引入ts是否是一个好的实践?
前端·javascript·后端
知识分享小能手1 小时前
微信小程序入门学习教程,从入门到精通,微信小程序核心 API 详解与案例(13)
前端·javascript·学习·react.js·微信小程序·小程序·vue