오늘의 삽질

vue3 Composition API Setup()에서 async await 사용하기

오늘의 2시간 삽질 const users = ref([]); (async () => { const res = await axios.get("url 주소 "); users.value = res.data; console.log(res); })() return { users, } https://stackoverflow.com/questions/64117116/how-can-i-use-async-await-in-the-vue-3-0-setup-function-using-typescript How can I use async/await in the Vue 3.0 setup() function using Typescript (This question has been answered for JavaScript, se..

v-if v-else 에서 $refs 값이 나오지 않을 때 삽질중이라면

오늘의 삽질! status 가 true이냐 false 이냐 에 따라 span 태그가 출력되거나 Textinput이 출력됩니다. v-if, v-else 는 조건에 맞는 부분만 렌더링을 하기 때문에 어떤 버튼의 의해 해당 조건이 바뀌어 화면에 보이는 것이 바뀐다면 $refs에서 값이 없다고 나옵니다. $this.$refs.groupName //undefined v-show 를 사용한다면 해당 부분 렌더링을 한 후 display: none으로 보이지 않게만 만들기에 $refs에는 값이 나옵니다.