Front-End/Vue.js
vue - computed parameter
태나미
2022. 9. 2. 22:09
vue - computed parameter 사용하는 방법
보통 methods에 함수를 정의해 parameter를 넘기고 있었지만, computed를 사용할때도 parameter를 넘길 수 있는지 궁금했다.
아래와 같이 사용할 수 있는데, 보통 아래와 같을때는 methods에 함수를 정의하는 방식으로 사용할 수 있겠지만 어떨 때 다음과 같은 방식을 사용하는지는 좀 알아봐야겠다.
<template>
<ul>
<li v-for="(item, index) in temp" :key="index">
<button type="button" @click="temp(index)">
<span>{{ item }}</span>
</button>
</li>
</ul>
</template>
<script>
export default {
computed: {
temp() {
return (index) => {
return index;
};
},
},
};
</script>