VueJs: 하위 컴포넌트의 선택 값을 수정한 후 터치
P粉878542459
2023-09-04 17:10:56
<p>저는 VueJ를 사용하고 있으며 상위 구성 요소에 이 하위 구성 요소가 있습니다. 하위 구성 요소 선택이 변경되면 상위 구성 요소에서 함수를 트리거해야 합니다. </p>
<p><strong>하위 구성요소:</strong></p>
<pre class="brush:php;toolbar:false;">보기: {
셀렉트코인() {
this.$emit("currencyType", this.selectCoin["title"]);
}
}</pre>
<p><strong>상위 구성요소</strong> 내부에서 사용하는 하위 구성요소: </p>
<pre class="brush:php;toolbar:false;"><app-select-coin
@coin="body.value = $event"
@currencyType="body.currencyType = $event"
:데이터="본문"
//></pre>
<p>하위 구성 요소가 상위 구성 요소의 $emit에 응답하면 다음 메소드를 호출해야 합니다. </p>
<pre class="brush:php;toolbar:false;">메서드:{
myFunction() {
}
}</pre>
@currencyType의 "v-on"에 함수를 추가하고 하위 구성 요소에서 받은 값을 매개 변수로 전달하여 이 작업을 성공적으로 수행했습니다.
으아악 으아악