vue.js 直接

后端是php页面部分用后端模板套 部分用vue,用后端模板的界面可以打开,用vue的都不行,怎么回事!!!

new Vue({
    el: '#app',
    data() {
        return {
            getSortListUrl:  "/Lease/Api/Product/getCategoryList",
            getCategoryInfoUrl:  '/Lease/Api/Product/getCategoryInfo',
            getProListByCatUrl: '/Lease/Api/Product/getProListByCat',
            sortlist: [],
            sortdetail: '',
            tabproductlist: [],
            productlist:[],
            selectItem: 0,
            sortid:'',
            page:1,
            indexid:'',
            categoryName:'',
            userId:1
        }
    },
    created() {
        this.getId();
        this.getSortList();
    },
    methods: {
        getId() {
            var that = this;
            var index = window.location.href.indexOf('/index');
            console.log(index);
            sessionStorage.setItem("user_id",that.userId);
            var user_id = sessionStorage.getItem("user_id");
            console.log(user_id);
            if(index == -1)
                that.indexid = '';
            else {
                var id = window.location.href.slice(index+7);
                that.indexid = id;
                console.log(that.indexid);
            }
        },
        getSortList() {
            var that = this;
            that.$http({
                    url: that.getSortListUrl,
                    methods: 'GET'
                })
                .then(function(response) {
                    var rtnData = response.data;
                    that.sortid = rtnData.data[0].id;
                    console.log(that.sortid);
                    if(rtnData.code == 200) {
                        that.sortlist = rtnData.data;
                        that.getCategoryInfo(this.sortid, 0);
                        if(that.indexid ==""){
                            that.getProListByCat(that.sortid,1,3);
                            console.log(that.indexid);
                        }else{
                            that.getProListByCat(that.indexid,1,3);
                        }
                    }
                }, function(error) {
                    //error
                    console.log(error);
                })
        },

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

z祗昰~ 2022-09-11 08:07:38

可能代码有问题,是否使用了部分es6词法,谷歌对es6支持的比较好,而手机上的浏览器却不一定。你把代码贴出来给大家看看

淡紫姑娘! 2022-09-11 08:07:38

把ES6的写法改成ES5的就行了

无声情话 2022-09-11 08:07:38

有以下原因:

  1. vue版本问题,1.0与2.0的api有很大改动:data用工厂方法适用于component,vue实例不需要;created替换成了mounted等等;

  2. 如果是单独引用vue.min.js类库,那么在没有引入babel的前提下es6语法无效;

染墨丶若流云 2022-09-11 08:07:38

data() {

    return { 删掉
    把es6语法删除
    
    改成
    var data = {};

data:data

鹤舞 2022-09-11 08:07:37

首先你可以先用谷歌的手机模拟器查看下能不能访问,可以把代码贴出来不然不好排查问题所在

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文