Vue里Android调用js方法

发表于 阅读次数： 本文字数： 521 阅读时长 ≈ 1 分钟
前言

最近在改一个前端的项目，里面vue写的页面，嵌入在android客户端里，需要和android客户端有些交互，以前的h5写法很简单，在<script>标签里</script>里写Android要调用的方法即可，但是vue不能这么写，下面说一下方法

方法

首先是定义个方法，在methods里，代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
mounted() {
    //将要给原生调用的方法挂载到 window 上面
    window.callJs = this.callJs
},
data() {
    return {
    	code: "123"
	}
},
methods: {
    callJs(code) {
        this.code = code
	}
}
watch: {
    code(val) {
      // 这里处理code变更后的事件
    }
 }

mounted里面是重点，需要将方法挂载到window上，否则调用不到

watch里监听code变化，如果code变化，则处理一些事件，这个可有可无，没有的话就是在callJs里处理