Vue.js 在微信浏览器显示错误

[ycmail]

用的vue.js / vue-resource.min.js

代码如下：

new Vue({
            el: '.rl-top',
            data: {
                PlayerData: [],
                apiUrl: "../../Handler/PhotoSelection.ashx?methodName=QueryPhotoSelection"
            },
            ready: function () {
                this.GetPlayerData();
            },
            methods:
            {
                GetPlayerData: function () {
                    this.$http({
                        method: 'GET',
                        url: this.apiUrl
                    }).
                        then((response) => {
                            if (response.data) {
                                this.$set('PlayerData', JSON.parse(response.data)[0]);
                            }
                        }).catch(function (response) {
                            console.log(response);
                        });
                },
                VoteB: function (id) {
                    $.ajax({
                        type: "GET",
                        dataType: 'json',
                        async: false,
                        url: "../../Handler/PhotoSelection.ashx",
                        data: {
                            "methodName": "Vote",
                            "Id": id
                        },
                        success: function (data) {
                            var html = "";
                            if (data == 0) {
                                html = '<div class="box"><p>今天您已经投票成功,不能再投票</p><button class="box-btn">好</button></div>';
                            } else if (data > 0) {
                                html = '<div class="box"><p>投票成功</p><button class="box-btn">好</button></div>';
                            }
                            $('.coverdiv').append(html);
                            $('.coverdiv').css('display', 'block');
                            $('.box-btn').on('click', function () {
                                $('.coverdiv').empty();
                                $('.coverdiv').css('display', 'none');
                            });
                        }
                    });
                }
            },
        });

在chrome 手机调试模式下显示正常


手机显示就这样了

[KK3K2005]

下载微信浏览器调试呗

[埚牛]

我在手机上用UC和微信浏览器都无法编译，用魅族自带的浏览器倒是可以正常显示这个兼容怎么用在生产呢--

[埚牛]

你的方法好像 错了ready: function () {

[H52window]

楼主解决了吗，我也遇到了同样问题

[m0_37285578]

怎么解决的，我也遇到了这个问题，求帮助