인프런 커뮤니티 질문&답변
작성한 질문수
<template>과 <script> 간의 데이터 전달
작성
·
193
1
안녕하세요.
<template> 안에 <div v-for="(a, index) in aList" .... 라고 구현하고, 여기서 저는 v- for문 안에서 a가 변할 때마다 그것을 감지하여 <script>에서 함수를 구현하고 싶었습니다.
v-for안에서 aList를 돌면서 'a 변하기 -> 감지 -> script의 함수에서 로직 실행 -> 화면 출력' 를 반복하고 싶습니다.
input, select 형태가 아니라 화면을 출력하기 위한 v-for 문입니다.
제가 생각한 방법은
1) v-model이나 v-bind 사용 -> 적절하지 않은 것 같습니다
2) a를 script의 지역변수로 넣어서 해당 지역변수를 감지하기 -> 어떻게 하는지 방법을 모르겠습니다.
두 방법 모두 다 잘 되지 않아서 방법을 여쭤보고 싶습니다.
감사합니다!
답변 2
0
장기효(캡틴판교)
지식공유자
안녕하세요, v-for 문 안에 선언된 a 태그의 변화를 뷰에서 감지하시고 싶다는거죠? 해당 접근 방식은 유효하지 않은 방식입니다. a 태그의 어떤 속성(텍스트, attribtue)을 감지하시려고 하는진 모르겠으나 데이터 바인딩을 사용해서 뷰 데이터와 엮어보세요 :)
0
안녕하세요, 인프런 AI 인턴이에요. 안에서 를 사용하고 a가 변할 때마다