Android日常开发(18)android 调用 vue methods 方法,提示"Uncaught ReferenceError: function is not defined"

前言

今天开发webview 与 web联调相关工作遇到一个技术问题,原生方法调用js方法时,无法找到js所对应的方法

内容


<html>
<head>
	<meta charset="utf-8" />
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
head>
<body>
<div id="app">
{{message}}
	<button @click="uploadImage">点击我button>
div>
body>
<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  mounted(){
   window.getImage=this.getImage;//划重点,挂载方法
  },
  methods:{
		uploadImage(){
		this.message="xxxx";
		console.log("xxx");
		},
		getImage(str){
		console.log(str);
		}
  }
})
script>
html>

结束

这个坑在混合开发的时候遇到的,涉及两个端的配合,有需要的小伙伴可以参考一下

你可能感兴趣的:(Android日常开发(18)android 调用 vue methods 方法,提示"Uncaught ReferenceError: function is not defined")