显示模态弹窗,可以只有一个确定按钮,也可以同时有确定和取消按钮。类似于一个API整合了 html 中:alert、confirm。
uni.showModal({ title: '提示', content: '这是一个模态弹窗', success: function (res) { if (res.confirm) { console.log('用户点击确定'); } else if (res.cancel) { console.log('用户点击取消'); } } });
test.vue
<template> <button @click.stop="isLeave()">离厂解绑</button> </template> <script> export default { data() { return {}; }, onLoad() {}, methods: { isLeave(id) { uni.showModal({ title: '提示', content: '这是一个模态弹窗', success: function(res) { if (res.confirm) { console.log('用户点击确定'); } else if (res.cancel) { console.log('用户点击取消'); } } }); }, }, } </script> <style> </style>
效果:点击按钮的时候,
会弹出一个提示框