Bootstrap

vue与原生(ios,安卓)交互

1.Vue和原生(ios和安卓)的交互(第一种方法)

一、原生调用Vue方法

1、Vue

created() {
   
    //Vue的方法给原生调用,则需要把方法挂在Window下面
    window.getDataFromNative = this.getDataFromNative;
},
methods: {
   
  getDataFromNative(params) {
   
    //params: 原生调用Vue时传值(params)给Vue
    console.log("得到原生传值结果:" + params);
    var dic = {
   
        'name': "vicky"
    };
    return dic; //回调给原生,可写可不写
  },
}

2、原生

安卓

String toVueSting = "vickylizy";
 
webView.loadUrl("javascript:getDataFromNative('"+toVueSting+"')");
or:
webView.evaluateJavascript("javascript:getDataFromNative('" + toVueSting + "')", new ValueCallback<String>() {
   
    @Override
    public void onReceiveValue(String s) {
   
        
;