c# 如何调用vue中的方法

Question

c# 可以调用xxx.html 中的script中的方式可以调用，

vue中就不行了

c# 如何调用vue中的方法

Answer 1

vue实例初始化后你将内部方法暴露给window就可以调用，下面是简单示例：

methods: {
add() {}
},
created() {
window.add = this.add
}

但还有一个问题，你c#是不知道vue当前组件已经挂载，所以你需要存在一个循环判断，或者双向的方法钩子。

Answer 2

你之前c#调用html中的script中的方法
是因为你方法直接挂在全局的

<script>
function globalMethod() {
  console.log('call globalMethod')
}
</script>

你在vue代码中把你要调的方法暴露到全局即可

new Vue({
  methods: {
    vueMethod() {
       // 如果用到了this
       // 注意vueMethod里的this指向
      console.log('call vueMethod')
    }
  },
  created() {
    window.vueMethod = this.vueMethod
  }
})