微信小程序将弹框中的内容打印在页面上
时间: 2024-05-14 20:18:15 浏览: 7
要将弹框中的内容打印在页面上,你可以先获取到弹框中的内容,然后将其赋值给一个页面的变量,最后在页面上展示这个变量的值。
以下是一个示例代码:
1. 在 WXML 文件中,添加一个按钮和一个展示变量的标签:
```
<view>
<button bindtap="showModal">打开弹框</button>
<view>{{modalContent}}</view>
</view>
```
2. 在 JS 文件中,定义一个函数 showModal(),在函数中获取弹框中的内容,并将其赋值给变量 modalContent:
```
Page({
data: {
modalContent: ''
},
showModal: function () {
wx.showModal({
title: '弹框标题',
content: '弹框内容',
success: function (res) {
if (res.confirm) {
this.setData({
modalContent: '用户点击了确定按钮'
});
} else if (res.cancel) {
this.setData({
modalContent: '用户点击了取消按钮'
});
}
}.bind(this)
})
}
})
```
在 showModal() 函数中,调用 wx.showModal() 方法弹出弹框,并在 success 回调函数中获取用户的选择,然后将用户的选择赋值给变量 modalContent,最后通过 this.setData() 方法更新页面的数据。
这样,当用户点击弹框中的确定或取消按钮后,页面上会显示相应的内容。