TP 商品详情页数据、加入购物车、登录、token加密、商城生成订单(八）

import { reactive } from "vue";
import { useRoute,useRouter } from "vue-router";
import Header from '../../components/Header.vue';
import { goodsdetail,addgoods } from "../../network/index";
import SwiperCore,{ Pagination,Autoplay} from "swiper";
import { Swiper, SwiperSlide } from "swiper/vue/swiper-vue.js";
import "swiper/swiper.min.css";
import "swiper/modules/pagination/pagination.min.css";
SwiperCore.use([Autoplay,Pagination]);
export default {
  components: {
    Swiper,
    SwiperSlide,
    Header
  },
  setup() {
    const swiper_options = new reactive({
      pagination: {
        clickable: true,
      },
      autoplay: {
        disableOnInteraction: false, // 鼠标滑动后继续自动播放
        delay: 2000, //2秒切换一次
        pauseOnMouseEnter: true,
      },
      speed: 500, //切换过渡速度
    })
    const router = useRouter();
    const route = useRoute();
    const mydata = reactive({
      lists: [],
      infos:[],
      num:1,
      uid:0,
    });
    goodsdetail({id : route.query.id}).then((res) => {
      mydata.lists = res.data.data;
      mydata.infos = res.data.data.infos;
    });
    const token = window.localStorage.getItem('accessToken');
    console.log(token);
    const go_url = ()=>{
      if(isNaN(token) == false){
        router.push("/login");
      }else{
        router.push("/cart_order?id="+route.query.id);
    }}
    const additem = ()=>{
      if(isNaN(token) == false){
        router.push("/login");
      }else{
         console.log(mydata.token);
         addgoods({id : route.query.id,num:mydata.num,token:token}).then((res)=>{
         console.log(res);
         alert('加入购物成功');
      });
      }
    }
    return {
        swiper_options,
        go_url,
        title:"详情",
        mydata,
        additem,
    };
  },
};

更多相关文章

随机推荐