首页 > Vue中使用微信JS时,微信JS提供的方法需要调用两次才生效

Vue中使用微信JS时,微信JS提供的方法需要调用两次才生效

Vue项目中引入了微信JS,但是在调用具体的方法的时候发现不起作用,调用代码如下

    import {AButton, AButtonList,Slider} from "./../components/vue-amazing";
    import wx from "wx";
    export default {
        replace: true,
        components: {"a-button": AButton, "button-list": AButtonList, Slider},
        data(){
            return {
                list: [{title: '测试1', path: "/a"}, {title: '测试2', path: "/b"}]
            }
        },
        created(){
            wx.getNetworkType({
                success: function (res) {
                    var networkType = res.networkType; // 返回网络类型2g,3g,4g,wifi
                    alert(networkType);
                }
            });
            wx.hideAllNonBaseMenuItem();
            wx.hideOptionMenu();
        },
        compiled: function () {
            const _this = this;
            clearTimeout(this.timeout);
            this.timeout = setTimeout(function () {
                _this.$dispatch("loading", false)
            }, 400);
        }
    }

如代码所示,我在created的时候调用了获取网络状态以及隐藏右上角菜单的接口,但是没有任何效果,只有再次跳转回来或者重复调用该方法才有效果


调用微信js要等待jssdk加载完成,放到wx.ready里面试一下。

【热门文章】
【热门文章】