鸿蒙开发者社区

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

在vue里怎么做环境的判断？

uniapp框架(vue)打包成web形式在ArkTS运行，需要在具体的vue页面做环境的判断来对不同组件的调用。

HarmonyOS

2024-11-06 10:14:21

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

可以在应用测注册方法传入H5页面。通过传入的方法获取到信息来判断是否是ArkTS运行。参考地址：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-in-page-app-function-invoking-V5

如下提供了一个demo示例，可以将getParam1 也就是’ArkTS’这个参数注册传入H5页面，需要先执行registerJavaScriptProxy，再执行refresh操作。再次点击H5页面按钮，传入即可获取到 ‘ArkTS’ 。

import web_webview from '@ohos.web.webview' 
 
class Params { 
  private param1: string = 'ArkTS' 
 
  constructor() { 
  } 
 
  getParam1() { 
    return this.param1 
  } 
} 
 
 
@Entry 
@Component 
struct ParamsIndexPage { 
  @State message: string = 'Hello World'; 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  private pageParams: Params = new Params() 
 
  build() { 
    Row() { 
      Column() { 
        Web({ src: $rawfile('params_index.html'), controller: this.controller }) 
          .javaScriptAccess(true) 
          .zoomAccess(false) 
          .aspectRatio(1) 
          .margin('3.3%') 
          .padding(20) 
 
        Button('注册方法传参给H5页面') 
          .onClick(() => { 
            this.controller.registerJavaScriptProxy(this.pageParams, "objName", ['getParam1']); 
          }) 
 
        Button('refresh') 
          .onClick(() => { 
            this.controller.refresh(); 
          }) 
 
      } 
      .height('100%') 
    } 
    .width('100%') 
  } 
}
<!DOCTYPE html> 
  <html> 
  <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8"> 
  <title>带参数传入页面</title> 
  </head> 
  <body> 
  <div> 
  <h1>带参数传入页面 Demo</h1> 
  <button onclick="myFunction()">点击</button> 
  </div> 
  <script> 
  function myFunction() { 
    let params = objName.getParam1() ; 
    alert("Hello World +"+params); 
  } 
 
  </script> 
  </body> 
  </html>

回复

2024-11-06 15:32:43

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS任务派发怎么做

478浏览 • 0回复待解决

HarmonyOS 怎么做图片合成？

531浏览 • 0回复待解决

fetch 怎么做超时处理？

1595浏览 • 1回复待解决

后台录像需要怎么做呢？

5339浏览 • 1回复待解决

鸿蒙的OTA升级要怎么做

4193浏览 • 0回复待解决

请问怎么做MySQL的数据优化？

3356浏览 • 2回复待解决

dockerfile 先构建编译环境得到目标代码后再构建目标镜像怎么做

5613浏览 • 1回复待解决

#鸿蒙通关秘籍#在HarmonyOS应用中，状态管理是怎么做的？

1537浏览 • 1回复待解决

HarmonyOS 图片怎么做高斯模糊效果

1336浏览 • 1回复待解决

HarmonyOS 跨设备数据迁移怎么做

1082浏览 • 1回复待解决

后端发送数据怎么做的？http方式

682浏览 • 2回复待解决

polarDB私有化部署怎么做？

4993浏览 • 1回复待解决

三表连表查询+groupby怎么做？

3015浏览 • 1回复待解决

求助很急arkts开发这种样式的怎么做？

3021浏览 • 1回复待解决

api9 在鸿蒙开发中，怎么判断当前环境是 release环境还是 debug 环境？

6161浏览 • 1回复待解决

HarmonyOS ArkTS开发中，有区分环境变量的设置吗，类似vue的env用来判断是开发环境、测试环境、生产环境等

1355浏览 • 1回复待解决

选择PolarDB实例接入方式，需要怎么做？

3857浏览 • 1回复待解决

#鸿蒙通关秘籍#Deep Linking在没有匹配应用时，系统会怎么做？

1107浏览 • 1回复待解决

#鸿蒙通关秘籍#Deep Linking在匹配多个应用时，系统会怎么做？

961浏览 • 1回复待解决

HarmonyOS 整个app更换字体，怎么做最方便？

1780浏览 • 1回复待解决

在开发中如何判断当前环境是release环境还是debug环境

4031浏览 • 1回复待解决

开发的软件所有页面是横屏的，这个要怎么做？

1274浏览 • 2回复待解决

应用侧显示华为云mqtt数据是怎么做？

8474浏览 • 1回复待解决

MQTT 服务器 怎么做压力测试，求指导?

5129浏览 • 1回复待解决

HarmonyOS ArkTS 里面定义的 Record 类型需要怎么做遍历操作？

2124浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

你在项目中是怎么做性能优化的 0回复

面试题：在日常工作中怎么做MySQL优化的？ 0回复

怎么做，才能在职场中晋升？ 0回复

鹅厂资深DBA是怎么做数据梳理的？ 0回复

阿里二面：使用 Nacos 做注册中心怎么做优雅发布？ 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载