小程序u-modal 组件 给确定绑定跳转
时间: 2023-05-23 17:04:49 浏览: 333
A:在小程序u-modal组件中,可以使用确定按钮的bind:tap事件来实现跳转操作。具体来说,可以在确定按钮上添加一个data-url属性,并在点击事件中获取该属性的值,然后使用wx.navigateTo或wx.redirectTo方法进行页面跳转。示例代码如下:
```html
<u-modal
title="提示"
content="确定要跳转到下一个页面吗?"
confirm-text="确定"
cancel-text="取消"
bind:confirm="onConfirm"
>
</u-modal>
```
```javascript
Page({
onConfirm: function (e) {
var url = e.currentTarget.dataset.url;
wx.navigateTo({
url: url
})
}
})
```
在上述代码中,当点击确定按钮时,会触发onConfirm方法,通过e.currentTarget.dataset.url获取data-url属性的值,并使用wx.navigateTo方法进行页面跳转。注意,如果需要在跳转后返回上个页面,可以使用wx.navigateBack方法。
阅读全文