HarmonyOS Web组件加载本地页面传参问题

Web组件通过rawFile方式加载本地页面的场景,如何像网络url一样传参数?

有两方面需求:

(1)通过?后拼接参数。

(2)通过/#/方式,加载单应用中的指定路由页面。

HarmonyOS
2024-11-07 11:39:06
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

​请参考如下写法:

Web({ src: 'resource://rawfile/index.html#/yourHash', controller: this.controller })

完整示例:​

import web_webview from '@ohos.web.webview'; 
import promptAction from '@ohos.promptAction'; 
 
@Entry 
@Component 
struct WebComponent { 
 
  controller = new web_webview.WebviewController(); 
 
  build() { 
    Column() { 
      Web({ src: 'resource://rawfile/index.html#/yourHash', controller: this.controller }) 
        .onAlert((event) => { 
          if (event) { 
            promptAction.showToast({ message: event.message }) 
          } 
          return true; 
        }) 
    }.width('100%').margin({ top: 5 }) 
  } 
} 
 
index.html: 
<!DOCTYPE html> 
  <html lang="en"> 
  <head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>Input框示例</title> 
  </head> 
  <body> 
  <input type="file" id="myInput" accept="image/*" id="myInput" name="myInput"> 
  </body> 
  <script> 
  alert(location.hash) 
  </script> 
  </html>
分享
微博
QQ
微信
回复
2024-11-07 16:19:52
相关问题
HarmonyOS 本地html问题
285浏览 • 1回复 待解决
HarmonyOS 页面问题
367浏览 • 1回复 待解决
HarmonyOS 页面间如何
917浏览 • 1回复 待解决
HarmonyOS 页面导航跳转回调问题
1077浏览 • 0回复 待解决
HarmonyOS 调用flutter页面
13浏览 • 1回复 待解决
HarmonyOS 参数问题
81浏览 • 1回复 待解决
HarmonyOS Navigation问题
22浏览 • 1回复 待解决
HarmonyOS web组件如何加载本地字库?
246浏览 • 1回复 待解决
HarmonyOS HTTP使用Map问题
46浏览 • 1回复 待解决
JS跳转Java问题
4841浏览 • 1回复 待解决
HarmonyOS router获取问题
553浏览 • 1回复 待解决
HarmonyOS web组件 加载web页面异常
43浏览 • 1回复 待解决
HarmonyOS 页面后对象出错
24浏览 • 1回复 待解决
HarmonyOS web组件加载页面空白
65浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
659浏览 • 1回复 待解决
OpenHarmony 使用WEB组件问题
3530浏览 • 1回复 待解决
HarmonyOS POST请求
59浏览 • 1回复 待解决
HarmonyOS 使用Web组件加载页面示例
486浏览 • 1回复 待解决
HarmonyOS 自动化测试问题
24浏览 • 1回复 待解决
跨设备启动FA问题
8216浏览 • 1回复 待解决