让C#调用vue组件里的方法
阅读原文时间:2023年08月14日阅读:1

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

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

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

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

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

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

  代码如下:

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

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

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