본문 바로가기
귀펀치토끼는 부서지지 않는다.
주소(D)
영웅은 공부 따원 안 한다네/뷰

vue.js 배열 중 하나 선택하기

<script lang="ts">
import { ref } from 'vue';

export default {
  setup() {
    const number = ref(1);
    const item = ref('');
    const items = ref([
      { id: 1, subject: 1, selected: false },
      { id: 2, subject: 2, selected: false },
      { id: 3, subject: 3, selected: false },
      { id: 4, subject: 4, selected: false },
    ]);

    const onSubmit = () => {
      items.value.push({
        id: Date.now(),
        subject: number.value += 1,
        selected: false,
        // subject: item.value
      });
    };
    const deleteItem = (index: number) => {
      items.value.splice(index, 1);
    };
    const selectItem = (index: number) => {
      items.value[index].selected = true;
    };
    return {
      item,
      items,
      onSubmit,
      deleteItem,
      selectItem,
    };
  }
};

</script>
완료
내 컴퓨터