美文网首页
vue项目连接各个接口

vue项目连接各个接口

作者: 喜欢豆腐块 | 来源:发表于2019-08-23 04:57 被阅读0次

    一、//home.vue首页

    export default {

        data(){

            return{

              list:[],

              title:"",

              tist:[]

            }

        },

        methods:{

            zx(){//访问资讯接口

                var url="http://127.0.0.1:3000/zixun";

                this.axios.get(url).then(result=>{

                this.tist=result.data.data

                })

            },

            search(){//输入内容跳转到搜索窗口进行搜索

             var title=this.title

             if(!title){

                Toast("请输入您要搜索的商品名称")

                return

             }else{

                this.$router.push("/seac?title="+title)

             }

            },

         me(){//访问个人中心接口数据,如果已登录跳转个人中心,未登录跳转登录界面

              var url="http://127.0.0.1:3000/me";

                this.axios.get(url).then(result=>{

                    //console.log(result.data.code);

                    if(result.data.code==1){

                    this.$router.push("/me")

                    }else{

                    this.$router.push("/login")

                    }

                })

          },

        handleImage(){//访问轮播图接口

             var url="http://127.0.0.1:3000/imagelist";

             this.axios.get(url).then(result=>{

                 this.list=result.data;

                 console.log(result.data)

             });

         },

         handleClick(){//跳转到网站首页

            this.$router.push("/home")

         },

         handleshoplist(){//跳转到商品列表页

            this.$router.push("/goodlist")

         },

         scart(){//访问购物车接口数据,已登录则跳转到购物车界面,并显示购物车商品,否则提示请登录

             var url="http://127.0.0.1:3000/concart";

        this.axios.get(url).then(result=>{

          if(result.data.code==1){

            this.$router.push("/shopCart")

          }else{

            Toast("请登录");

          }

        })

         }

        },

        created() {

            this.handleImage();

            this.zx();

        },

        delhame(){

            this.$router.push("/me")

        }

    }

    </script>

    相关文章

      网友评论

          本文标题:vue项目连接各个接口

          本文链接:https://www.haomeiwen.com/subject/umbasctx.html