Vue js의 이벤트 핸들러 메서드에 템플릿 변수를 전달하는 방법

랜스시

이 코드 :

<tbody v-for="contact in contacts">
    <tr v-on:click="selectContact(1)">

Vue js에서 잘 작동합니다.

하지만 이것은:

<tbody v-for="contact in contacts">
    <tr v-on:click="selectContact({{contact.index}})">

잘 작동하지 않는 것 같습니다. 오류가 발생합니다. 그렇다면 contact.index와 같은 환경 변수를 이벤트 메서드에 어떻게 전달할 수 있습니까?

사자 별자리
<tbody v-for="contact in contacts">
    <tr v-on:click="selectContact(contact.index)">

또는 간단히

<tbody v-for="contact in contacts">
    <tr @click="selectContact(contact.index)">

v-on지시문은 문자열을 표현식으로 평가합니다. 추가로 삽입 할 필요가 없습니다 {{ }}.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

템플릿 정의 변수를 각도 컨트롤러에 전달하는 방법

분류에서Dev

이벤트 핸들러 내에서 전달 된 변수를 변경하는 방법

분류에서Dev

비동기 함수 값을 이벤트 핸들러에 전달하는 방법

분류에서Dev

Vue.js는 바운드 데이터를 클릭 이벤트 핸들러에 전달합니다.

분류에서Dev

두 개의 템플릿 핸들러에서 하나의 이벤트를 수신하려면 어떻게해야합니까?

분류에서Dev

템플릿 클래스의 이름을 템플릿 인수에 전달하는 방법은 무엇입니까?

분류에서Dev

YAML 파이프 라인의 작업 조건에 대한 템플릿에 변수를 전달하는 방법

분류에서Dev

하나의 핸들러에서 여러 변경 이벤트를 처리하는 방법은 무엇입니까?

분류에서Dev

django 템플릿의 <div> id에 변수를 전달하는 방법이 있습니까?

분류에서Dev

플러그인에서 익명 함수 대신 정의 된 이벤트 핸들러 함수를 사용하는 방법 (슬릭 슬라이더)

분류에서Dev

템플릿간에 데이터를 전달하는 방법 meteor js

분류에서Dev

템플릿의 url 태그에 url 매개 변수를 전달하는 방법

분류에서Dev

객체를 Ajax의 핸들러에 전달하는 방법

분류에서Dev

MVVM에서 이벤트를 처리하는 동안 이벤트 핸들러의 두 번째 매개 변수를 보내는 방법은 무엇입니까?

분류에서Dev

JS-이벤트 핸들러를 사용하여 함수에 인수 전달

분류에서Dev

변수가 true 인 경우에만 템플릿에서 컨트롤러의 함수를 호출하는 방법

분류에서Dev

Ember 핸들 바 도우미의 이벤트 핸들러에 인수 전달

분류에서Dev

Ember 핸들 바 도우미의 이벤트 핸들러에 인수 전달

분류에서Dev

node.js ejs 템플릿에서 백엔드에서 프런트 엔드로 변수를 전달하는 방법

분류에서Dev

Flutter에서 위젯의 이벤트 핸들러 함수에 값을 올바르게 전달하는 방법은 무엇입니까?

분류에서Dev

컨트롤러에서 핸들 바 템플릿을 가져 와서 다른 핸들 바 템플릿에 배치하는 방법

분류에서Dev

angularjs의 템플릿에서 컨트롤러 함수를 호출하는 방법

분류에서Dev

엠버에서 액션을 사용하지 않고 템플릿의 각 루프에있는 모델 데이터를 컨트롤러에 전달하는 방법

분류에서Dev

Azure ARM 템플릿-연결된 템플릿의 출력 변수를 매개 변수로 다른 템플릿에 전달하는 방법은 무엇입니까?

분류에서Dev

AngularJS에서 컨트롤러 + 템플릿에서 다른 컨트롤러 + 템플릿으로 데이터를 전달하는 방법은 무엇입니까?

분류에서Dev

JavaScript의 이벤트 핸들러에서 공용 함수를 호출하는 방법은 무엇입니까?

분류에서Dev

이벤트 핸들러를 요소 클래스 메소드로 정의하는 방법은 무엇입니까?

분류에서Dev

여러 템플릿 파일을 Terraform의 user_Data 변수에 전달하는 방법

분류에서Dev

EJS 템플릿에서 AngularJS 컨트롤러로 데이터를 전달하는 방법

Related 관련 기사

  1. 1

    템플릿 정의 변수를 각도 컨트롤러에 전달하는 방법

  2. 2

    이벤트 핸들러 내에서 전달 된 변수를 변경하는 방법

  3. 3

    비동기 함수 값을 이벤트 핸들러에 전달하는 방법

  4. 4

    Vue.js는 바운드 데이터를 클릭 이벤트 핸들러에 전달합니다.

  5. 5

    두 개의 템플릿 핸들러에서 하나의 이벤트를 수신하려면 어떻게해야합니까?

  6. 6

    템플릿 클래스의 이름을 템플릿 인수에 전달하는 방법은 무엇입니까?

  7. 7

    YAML 파이프 라인의 작업 조건에 대한 템플릿에 변수를 전달하는 방법

  8. 8

    하나의 핸들러에서 여러 변경 이벤트를 처리하는 방법은 무엇입니까?

  9. 9

    django 템플릿의 <div> id에 변수를 전달하는 방법이 있습니까?

  10. 10

    플러그인에서 익명 함수 대신 정의 된 이벤트 핸들러 함수를 사용하는 방법 (슬릭 슬라이더)

  11. 11

    템플릿간에 데이터를 전달하는 방법 meteor js

  12. 12

    템플릿의 url 태그에 url 매개 변수를 전달하는 방법

  13. 13

    객체를 Ajax의 핸들러에 전달하는 방법

  14. 14

    MVVM에서 이벤트를 처리하는 동안 이벤트 핸들러의 두 번째 매개 변수를 보내는 방법은 무엇입니까?

  15. 15

    JS-이벤트 핸들러를 사용하여 함수에 인수 전달

  16. 16

    변수가 true 인 경우에만 템플릿에서 컨트롤러의 함수를 호출하는 방법

  17. 17

    Ember 핸들 바 도우미의 이벤트 핸들러에 인수 전달

  18. 18

    Ember 핸들 바 도우미의 이벤트 핸들러에 인수 전달

  19. 19

    node.js ejs 템플릿에서 백엔드에서 프런트 엔드로 변수를 전달하는 방법

  20. 20

    Flutter에서 위젯의 이벤트 핸들러 함수에 값을 올바르게 전달하는 방법은 무엇입니까?

  21. 21

    컨트롤러에서 핸들 바 템플릿을 가져 와서 다른 핸들 바 템플릿에 배치하는 방법

  22. 22

    angularjs의 템플릿에서 컨트롤러 함수를 호출하는 방법

  23. 23

    엠버에서 액션을 사용하지 않고 템플릿의 각 루프에있는 모델 데이터를 컨트롤러에 전달하는 방법

  24. 24

    Azure ARM 템플릿-연결된 템플릿의 출력 변수를 매개 변수로 다른 템플릿에 전달하는 방법은 무엇입니까?

  25. 25

    AngularJS에서 컨트롤러 + 템플릿에서 다른 컨트롤러 + 템플릿으로 데이터를 전달하는 방법은 무엇입니까?

  26. 26

    JavaScript의 이벤트 핸들러에서 공용 함수를 호출하는 방법은 무엇입니까?

  27. 27

    이벤트 핸들러를 요소 클래스 메소드로 정의하는 방법은 무엇입니까?

  28. 28

    여러 템플릿 파일을 Terraform의 user_Data 변수에 전달하는 방법

  29. 29

    EJS 템플릿에서 AngularJS 컨트롤러로 데이터를 전달하는 방법

뜨겁다태그

보관