인프런 커뮤니티 질문&답변
작성한 질문수
데이터바인딩
작성
·
172
·
수정됨
0
데이터 바인딩을 듣고 있는데요.
데이터바인딩리스트뷰 진도를 나가는데 윈도우에서 곱하기를 못해서 진도를 못나가고 있어요.
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해서 곱하기를 만들면 오류가 나요 ㅠㅠㅠㅠㅠ
답변 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 템플릿에서 오류 없이 데이터 바인딩을 활용하실 수 있습니다.