美文网首页
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