#鸿蒙学习大百科#Web页面如何实现跳转ArkTS页面?-鸿蒙开发者社区-51CTO.COM

#鸿蒙学习大百科#Web页面如何实现跳转ArkTS页面?

Web页面如何实现跳转ArkTS页面?

HarmonyOS
2024-09-20 09:53:07
浏览
已于2024-9-20 12:35:05修改
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
天涯独一隅

在HTML页面内使用a标签的href属性自定义跳转链接。<a class="function_item" href="arkts://pages/toOriginPage">跳转到ArkTS页面</a>开发者可以根据业务场景自行定义href,此处的定义的href并不作为a标签跳转后的地址,而是会在ArkTS侧进行跳转拦截,当检测到该链接时执行自定义逻辑。然后在Web页面中,需要在onLoadIntercept中进行跳转拦截,获取跳转的url,如果与自定义的跳转链接一致,那么可以使用路由栈进行原生的页面跳转。

 NavDestination() {
Column() {
Web({
 src: $rawfile('index.html'),
       controller: this.controller })
.zoomAccess(false)
       .onLoadIntercept((event) => {
         const url: string = event.data.getRequestUrl();
         if (url === 'arkts://pages/toOriginPage') {
           this.navPathStack.pop();
 }})}}
分享
微博
QQ
微信
回复
2024-09-20 15:27:55
相关问题
#鸿蒙学习大百科#ArkTS如何生成xml?
215浏览 • 1回复 待解决
#鸿蒙学习大百科#如何实现ui优化?
171浏览 • 1回复 待解决