HarmonyOS vue框架与ArkTS的交互

现在想做一个软件,界面全部由vue框架编写打包成静态资源,然后通过ArkTS的webview加载出来,这样就可以将页面展示全部转换为前端开发,适应多种机器,想问一下这种vue打包的静态资源怎么跟ArkTS交互,有没有相关的demo,当前看到的都是js的交互。主要是两个问题:

  1. ArkTS调用vue中定义的函数。
  2. vue中调用ArkTS定义的接口。
HarmonyOS
3天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

以下有两种方式,请按照需求来进行选择:

方式1:web调用vue等价于原生js调用vue,通过获取vue对象来调用vue中的方法。

方式2:可以通过中间变量来接收Vue中的方法,再通过runJavaScript执行js中方法,参考demo:

<script>
new Vue({
  el:'#root',
  methods:{
    test(){
      console.log('test')
      return "test";
    }
  },
  created(){
    window.testxxxxxxx = this.test;
    console.log('created')
  }
})

var test1 = function() {
  console.log('Ark WebComponent')
  return testxxxxxxx();
}
  </script>
分享
微博
QQ
微信
回复
3天前
相关问题
HarmonyOS中web内嵌vue页面的交互问题
602浏览 • 1回复 待解决
HarmonyOS ArkTSC/C++交互
788浏览 • 1回复 待解决
ArkTS/js怎样C++进行交互
284浏览 • 1回复 待解决
H5页面如何ArkTS交互
3064浏览 • 1回复 待解决
ArkTSNative侧如何进行map数据交互
2269浏览 • 1回复 待解决
HarmonyOS 原生js交互
247浏览 • 1回复 待解决
HarmonyOS WebJavaScript交互
41浏览 • 1回复 待解决
HarmonyOS WebViewjs交互
128浏览 • 1回复 待解决
HarmonyOS 系统web交互
23浏览 • 1回复 待解决
ArkTs中实现vueslot思路
610浏览 • 1回复 待解决
HarmonyOS RN如何Native交互
225浏览 • 1回复 待解决
HarmonyOS Web js原生交互
36浏览 • 1回复 待解决
ArkTS 和.so交互问题
293浏览 • 1回复 待解决
HarmonyOS C++和ArkTS交互
30浏览 • 1回复 待解决
HarmonyOS SIM交互相关接口
36浏览 • 1回复 待解决
HarmonyOS webH5交互
744浏览 • 1回复 待解决
ArkTS和C++之间交互
1466浏览 • 1回复 待解决