https://odawara-rokuzaemon.com/assets/js/system/pages/index/section/top_feature_list.js?3574147929

1// (c) 2023 W2 Co.,Ltd.
2
3/**
4 * トップページ特集リスト
5 */
6class TemplateDirTopFeatureList {
7  constructor() {
8  }
9  /**
10   * セクション実行
11   * @param {any} liquidParam liquidからのパラメーター
12   */
13  run(liquidParam) {
14    this.addComponent(liquidParam);
15  }
16  /**
17   * コンポーネント追加
18   */
19  addComponent(liquidParam) {
20    const component = {
21      // text/x-template要素のid
22      template: '#top-feature-list',
23      data() {
24        return lib.vue.featurePage.TopFeatureListModel.create();
25      },
26      methods: {
27        /**
28         * 描画
29         * @param {...any} args 引数
30         */
31        draw(...args) {
32          lib.vue.featurePage.FeatureListService.getForTop(liquidParam, this, [this.categoryId, this.displayCount])
33            .then((result) => {
34              // 描画後の任意の処理を記述
35            });
36        },
37      },
38      // コンポーネントの引数
39      props: {
40        categoryId : {
41          type: String,
42        },
43        displayCount: {
44          type: Number,
45        }
46      },
47      watch: {
48      },
49      computed: {
50      },
51      created() {
52      },
53      mounted() {
54        this.draw();
55      },
56    };
57    g_vueManager.setComponent('top-feature-list', component);
58  }
59}