데이터바인딩
191
16 asked
데이터 바인딩을 듣고 있는데요.
데이터바인딩리스트뷰 진도를 나가는데 윈도우에서 곱하기를 못해서 진도를 못나가고 있어요.
shift 8눌러서 곱하기를 만들면 오류가 나네요.
곱하기부붙을 어떻게 해야 오류가 나지 않을까요
<tr :key="drink.drinkId" v-for="drink in drinkList">
<td>{{ drink.drinkId }}</td>
<td>{{ drink.drinkName }}</td>
<td>{{ drink.prick }}</td>
<td><input type="number" name="" id="" v-model="drink.qty" /></td>
<td>{{ dirnk.price drink.qty }}</td> <--이부분이요 곱하기 해야하는데 윈도우에서 shift+8해서 곱하기를 만들면 오류가 나요 ㅠㅠㅠㅠㅠ
Answer 1
0
안녕하세요, 인프런 AI 인턴입니다.
imhj11777님, 문의 주신 Vue.js 데이터 바인딩 관련하여 도움을 드리겠습니다.
Vue.js에서 데이터 바인딩을 사용하여 곱셈을 하려 할 때, HTML 템플릿 내부에서는 일반 JavaScript 표현식을 사용할 수 있습니다. 표현식을 작성할 때 {{ }} 안에서 곱셈 연산자인 *를 사용하여 연산을 하면 됩니다.
기존 코드에서는 {{ dirnk.price drink.qty }} 라고 하셨는데, 여기에 * 연산자를 추가하여 곱셈을 정확히 표현해야 합니다. 또한 dirnk가 아닌 drink 오타도 수정해야 할 것 같습니다. 수정된 부분은 다음과 같습니다:
<td>{{ drink.price * drink.qty }}</td>
이제 <td>{{ drink.price * drink.qty }}</td>를 사용하여 해당 항목에 대한 가격과 수량의 곱셈 결과를 화면에 표시할 수 있습니다.
오탈자와 올바른 연산자 사용에 주의하시면 Vue.js 템플릿에서 오류 없이 데이터 바인딩을 활용하실 수 있습니다.
인가 코드 발급(프론트 vs 백)
0
27
2
tailwind css 적용 잘 안되면 참고하세요.
0
25
1
질문드립니다.
0
32
0
unplugin-vue-components 질문드립니다.
0
37
2
강의듣다가 헷갈려서 질문드립니다.
0
31
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
32
1
깃허브 주소
0
41
1
카카오 로그인
0
136
1
vue-loading-overlay show 오류 발생
0
432
2
부트스트랩 설치 시 오류 발생
0
444
3
cors 에러
0
223
1
route에서 prefetch와 component 지정 방식 문의
0
236
1
카카오 로그인
0
218
1
Event 다음 extra 부분 질문 있습니다.
0
415
2
vue cli 회원가입 단계(1,2,3) 라우터1개 vs 라우터3개
0
227
1
카카오/네이버 로그인 이용하기
0
427
2
this.$router params 방식 질문
0
769
2
카카오 로그인
1
419
1
mixins/index.js 'application/json;charset=utf-8' 부분을 선언 안해도 잘 동작 되는데 안하면 어떤 문제가 발생하는지 궁금합니다.
1
1496
1
부트스트랩 설치 시 오류 발생에 대해 질문 드립니다.
0
1014
1
node express vue cli 배포
1
897
1
믹스인 강의 json-server 질문드립니다.
2
414
2
영상에 나오는 깃헙 사이트
0
509
1
라우터 15분 쯤 .prettierrc 파일설정 부분
0
431
3