데이터바인딩
191
16 câu hỏi đã được viết
데이터 바인딩을 듣고 있는데요.
데이터바인딩리스트뷰 진도를 나가는데 윈도우에서 곱하기를 못해서 진도를 못나가고 있어요.
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해서 곱하기를 만들면 오류가 나요 ㅠㅠㅠㅠㅠ
Câu trả lời 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
29
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
228
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