1. vue 한글 바인딩 시 v-model 대신에 v-on:input 쓰기
2021.11.07 - [WEB/VUE.js] - [Vue.js] 한글 바인딩 시 v-model 대신에 v-on:input 사용
[Vue.js] 한글 바인딩 시 v-model 대신에 v-on:input 사용
https://kr.vuejs.org/v2/guide/forms.html 폼 입력 바인딩 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org v-model과 v-on v-model input과 textarea 엘리먼트에 양방향 데이터 바인딩을..
sso-feeling.tistory.com
2. computed 와 watch의 차이
2021.11.07 - [WEB/VUE.js] - [Vue.js] computed와 method/ watch 의 차이
[Vue.js] computed와 method/ watch 의 차이
computed와 watch — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org [주제] 프로젝트를 만들면서 computed와 watch를 사용했는데 둘다 어떤 데이터에 의존해서 그 값이 변경하면 실행되
sso-feeling.tistory.com
3. vue 에서 onclick이벤트 여러개 주기
@click="[searchMovie(movie.title) , clickAutoKeyword(movie.title)]"
4. 디테일 페이지에서 영화 이미지가 바껴야 하는데 새로고침 해야 바뀌는 문제
computed를 써서 해결
const posterurl = computed(() => `https://image.tmdb.org/t/p/original/${movieDetail.value?.poster_path}`);
5. 이미지 에러 핸들링
<img :src="posterurl" alt="" @error="handleImageLoadError"/>error가 일어났을 때 실행하는 함수를 정의해준다.
참고 : https://papa-run.tistory.com/98
[Laravel + vue] img src error, default image
안녕하세요. 달리는애아빠입니다. Laravel + vue 를 활용하여 웹사이트를 개발하면서 img 태그를 활용시 default 또는 error 처리 내역입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 export default { ..
papa-run.tistory.com
'TIL' 카테고리의 다른 글
| [TIL] 20211104 주석/ Dependency cycle via 오류 (0) | 2021.11.09 |
|---|---|
| [TIL] 20211103 dotenv/ git flow feature branch (0) | 2021.11.09 |
| [TIL] 20211101 vue persistedstate/ lodash debounce 등 (0) | 2021.11.01 |
| [TIL] 20211030 typescript + vue 타입 정의 (0) | 2021.11.01 |
| [항해 99 2기 후기] 항해99 를 하면 진짜 99일만에 개발자가 될까? (43) | 2021.11.01 |