APP和VUE之间的传值方法调用之dsbridge

下载dsbridge的依赖。

npm i dsbridge --save

然后在创建一个dsbridge.js文件,放到你utils下面。

var dsBridge = require("dsbridge");
export default {
  callmethod (name, data, callback) {
    callback(dsBridge.call(name, data, {msg: "callSyn"}));
  },
  registermethod (tag, callback) {
    dsBridge.register(tag, callback);
  }
}

在min.js里面把这个dsbridge.js文件放到vue原型上去。

import dsBridge from './utils/dsbridge.js'Vue.prototype.$bridge = dsBridge;

vue调用app的方法。

this.$bridge.callmethod('appName', data, (res) => { // appName为方法名//data是一个对象传给app的值{a:1,b:2}
    console.log(res); // app的返回值
})

app调用vue的方法这个方法必须放在mounted下面。

this.$bridge.registermethod('h5Name', (res) => { // h5Name为方法名
     console.log(res); // app端给前端的数据在这里
     return {a: 'xxx'} // 前端返回给app的值
})

有什么问题,请多多指教,感谢!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值