https://cosmetic-times.com/cfhtml/pc/item/listItemContents/js/main.js?ver=143058

1Vue.component("results", results); //商品結果
2Vue.component("pagination", pagination); //ページャー
3Vue.component("star-component", starComponent); //星評価
4Vue.component("cart-btn-component", cartBtnComponent); //ボタン
5Vue.component("tag-component", tagComponent); //小さなアイコン
6Vue.component("nothing", nothing); //商品がない場合
7
8new Vue({
9  el: "#listItemContents",
10  store,
11  data() {
12    return {};
13  },
14  mounted() {
15    //お気に入りAPI取得
16    store.dispatch("getFavoriteData");
17    //ページ指定商品API取得
18    store.dispatch("getPagerData");
19  },
20  created() {},
21  computed: {
22    //ページ数
23    listCnt() {
24      return store.state.listCnt
25    },
26    //商品ブランドの有無※商品有無の表示用の際に必要
27    recordCount() {
28      return store.state.recordCount
29    },
30    //商品データ一覧
31    productData() {
32      return store.state.productData
33    },
34    // //お気に入りリスト
35    favoriteList() {
36      return store.state.favoriteList
37    },
38    //ブランドシリーズコード
39    brandSeriesCD() {
40      return store.state.brandCD
41    }
42  },
43  methods: {
44    /* 
45     *pagerから送られてきたページnumber指定の商品結果を取得する
46     *①parameterに付与
47     *②API取得
48     *@type {Number}
49     */
50    async pagechange(no) {
51      let pathname = location.pathname
52      let newjunban = []
53
54
55      // URLのパラメータを取得
56      let urlParam = location.search.substring(1); //parameterのみ
57      let addJunban = []
58      // 「&」が含まれている場合は「&」で分割
59      let param = [];
60      if( urlParam.indexOf('&') >= 0){
61        param = urlParam.split('&');
62      }
63      
64      var paramItem = []
65      // パラメータを連想配列にし格納
66      var paramArray = [];
67      for (i = 0; i < param.length; i++) {
68        paramItem = param[i].split('=');
69        paramArray[paramItem[0]] = paramItem[1];
70        // pageNoが存在する場合、pageNoのみをさしかえて設定しなおす
71      }
72
73      paramArray.PageNo = no
74      for (k in paramArray) {
75        newjunban.push(k + '=' + paramArray[k]);
76        addJunban = newjunban.join("&");
77      }
78      newjunban.push('ListCnt=' + this.listCnt);
79      history.pushState("PageNo", null, pathname + '?' + addJunban);
80      //API取得
81      store.dispatch("getPagerData");
82    }
83  }
84});