HarmonyOS vue和ArkTS的交互demo

HarmonyOS
2024-12-27 15:44:37
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
aquaa

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

方式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>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
分享
微博
QQ
微信
回复
2024-12-27 17:08:03


相关问题
HarmonyOS vue框架与ArkTS交互
1257浏览 • 1回复 待解决
HarmonyOS web原生交互demo
642浏览 • 1回复 待解决
ArkTS .so交互问题
1153浏览 • 1回复 待解决
HarmonyOS C++ArkTS交互
1026浏览 • 1回复 待解决
ArkTSC++之间交互
2565浏览 • 1回复 待解决
HarmonyOS中web与内嵌vue页面的交互问题
1526浏览 • 1回复 待解决
ArkTs中实现vueslot思路
1155浏览 • 1回复 待解决
HarmonyOS ArkTS与C/C++交互
1803浏览 • 1回复 待解决
HarmonyOS H5与应用侧数据交互Demo
1540浏览 • 1回复 待解决
Web组件是否支持VUEReact
2603浏览 • 1回复 待解决
HarmonyOS webjs交互
751浏览 • 1回复 待解决
HarmonyOS ArkTS与H5交互方法
990浏览 • 1回复 待解决
HarmonyOS web组件js交互
806浏览 • 1回复 待解决
HarmonyOS webviewJS进行交互
760浏览 • 1回复 待解决
HarmonyOS nativewebview通信交互问题
994浏览 • 1回复 待解决
HarmonyOS H5原生交互
1002浏览 • 1回复 待解决
ArkTS中Web交互、网络请求如何实现?
1209浏览 • 1回复 待解决
ArkTS/js怎样与C++进行交互
1411浏览 • 1回复 待解决