考上理想大学 他希望毕业后早日工作报答家人
□记者郭芳蓉实习生李霖文 图考上理想大学,他希望毕业后早日参加工作
(资料图)
前言: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组件方法的问题了。
标签: