vue.js--绑定方法到window对象

最新推荐文章于 2024-09-30 06:21:51 发布

weixin_30458043

最新推荐文章于 2024-09-30 06:21:51 发布

阅读量1k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yy136/p/9782725.html

版权

这周公司的有一个项目需求，需要写一个全局函数给客户端调用，通过客户端传数据渲染到页面；

通过jsBridge方法，H5可以调用客户端（ios，android）的内部方法，同样，客户端也需要能调用H5页面里定义的js方法。

但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用。在网上找到下面的方法。。。

mounted() {
    // 将h5RenderData方法绑定到window下面，提供给外部调用
     window['h5EditorRenderData'] = data => {
        this.h5RenderData(data);
     }
 },
 methods: {
    h5RenderData(data) {
        // 更改渲染页面的数据
    }
 }

该方法是有效的。但遇到一个问题，修改后的数据并未重新渲染到页面，最后通过this.$nextTick成功的渲染了页面。

转载于:https://www.cnblogs.com/yy136/p/9782725.html