让C#调用vue组件里的方法

(资料图片仅供参考)

前言：web页面开发时采用的是vue开发的，后台语言是C#

需求：后台需要通过浏览器调用vue组件的方法

c# 可以调用xxx.html 中的script引用的js中定义的方法是可以调用的，

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

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

而在vue中，因为vue build的时候 把代码混淆了， 导致方法名字变了， c#找不到，所以就无法调用

解决方法：vue实例初始化后，将组件内部方法暴露给window就可以调用了

代码如下：

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

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

这样就完美解决C#调用到vue组件方法的问题了。

标签：