>웹 프론트엔드 >JS 튜토리얼 >vue에서 메소드 간 호출을 구현하는 방법

vue에서 메소드 간 호출을 구현하는 방법

亚连
亚连원래의
2018-06-07 10:53:145204검색

이제 Vue에서 메소드를 구현하는 방법에 대한 기사를 공유하겠습니다. 한 메소드는 다른 메소드를 호출하며 이는 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

vue는 동일한 구성 요소에 있습니다.

methods의 메서드는

this.$options.methods.test2();

this .$options일 때 호출될 수 있습니다. methods.test2();하나의 메서드는 다른 메서드를 호출합니다.

new Vue({ 
 el: '#app', 
 data: { 
  test:111, 
 }, 
 methods: { 
  test1:function(){ 
   alert(this.test) 
  }, 
  test2:function(){ 
   alert("this is test2") 
   alert(this.test) //test3调用时弹出undefined 
  }, 
  test3:function(){ 
   this.$options.methods.test2();//在test3中调用test2的方法 
  } 
 } 
})
위 내용은 제가 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

vue의 ref를 사용하여 상위 구성 요소가 하위 구성 요소를 호출하도록 합니다.

웹 프런트 엔드 페이지 생성 exe 구현 방법

Ajax 프런트 엔드 및 백엔드 구현 방법 도메인 간 요청

위 내용은 vue에서 메소드 간 호출을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.