基于鸿蒙 @ohos.web.webview api 的 WebView 端实现 Alert 弹窗,但将页面嵌入至 Web 组件后并没有呈现前端 Alert 弹窗效果;
需要额外对 Web 组件增配如下配置后方可实现前端 Alert 弹窗效果;
具体实现如下:
Web({ src: this.url, controller: this.controller })
.onAlert((event) => { // 提示框处理相关
AlertDialog.show({
title: '温馨提示',
message: event?.message,
confirm: {
value: 'onAlert',
action: () => {
event?.result.handleConfirm()
}
},
cancel: () => {
event?.result.handleCancel()
}
})
return true;
})
.onConfirm((event) => { // 提示框处理相关
AlertDialog.show({
title: '温馨提示',
message: event?.message,
confirm: {
value: 'onAlert',
action: () => {
event?.result.handleConfirm()
}
},
cancel: () => {
event?.result.handleCancel()
}
})
return true;
})
以上便是此次分享的全部内容,希望能对大家有所帮助!
网友评论