📦 SeolJaeHyeok / vanila-js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19import Component from "../core/Component.js";

export default class ItemFilter extends Component {
  template() {
    return `
      <button class="filterBtn" data-is-filter="0">전체 보기</button>
      <button class="filterBtn" data-is-filter="1">활성 보기</button>
      <button class="filterBtn" data-is-filter="2">비활성 보기</button>
    `;
  }

  setEvent() {
    const { filterItem } = this.$props;
    this.addEvent("click", ".filterBtn", ({ target }) => {
      filterItem(Number(target.dataset.isFilter));
    });
  }
}