TIL 002

swiperでv-ifを使用する

<swiper-slide v-if="isitOdd">
  <div class="a-class">야호</div>
</swiper-slide>

JavaScript配列のコピーと使用

array.slice(begin-i, end-i)

<tag>v-for="(item, index) in Array.slice(0, 4)</tag>

array.concat(value)

<tag>v-for="(item, index) in Array.slice(0, 4).concat({})</tag>

v-modelとvuex

<template>
  <select v-model="vmodelState">
    <option
      v-for="(item, i) in Array"
      :key="`Array-${i}`"
      :value="item.Array">
         {{ item.element }}</option>
  </select>
</template>

<script>
computed: {
...mapGetters('modulename', ['getType']),
vmodelState: {
    get() { return this.getType },
    set(value) { this.actionType(value) },
   },
},
methods: {
...mapActions('modulename', ['actionType']),
  },
</script>

1. 데이터 옵션 중에서 selected 프로퍼티를 추가

2. actoins > mutations로 데이터를 받아서 seleceted의 상태 변경

3. getters에서 변경된 selected을 가지고 옴

getters

mutations

🐣 Vueの面白い事実について~!