javascript - Vue의 하위 구성요소에서 상위 구성요소로 매개변수를 전달하는 방법

배경: Vue+ES6, 상위 구성 요소가 생성된 후 하위 구성 요소가 호출되고 onclick 이벤트 트리거가 기본 구성 요소(하위 구성 요소의 하위 구성 요소)에 캡슐화되었습니다. 질문: 이벤트 바인딩이 없을 때 하위 구성 요소는 어떻게 응답합니까? 상위 구성요소는 매개변수를 전달합니까?

给我你的怀抱 2017-05-19 10:20:59 0  8  782

javascript - 하위 구성 요소가 상위 구성 요소의 맞춤 이벤트를 트리거하지만 상위 구성 요소가 응답하지 않습니다.

다음은 하위 컴포넌트입니다. @change='showChange'는 하위 컴포넌트 이벤트입니다. 다음 템플릿은 order-type 컴포넌트 {code...}로 등록됩니다. 다음은 하위 컴포넌트 메소드입니다: {code...} 다음은 상위 구성 요소 {code...}입니다. 그러나 Alert(2)는 실행되지 않습니다.

大家讲道理 2017-07-05 11:03:26 0  3  983

javascript - 사용자 정의 하위 구성 요소가 상위 구성 요소 데이터를 수신하고 v-for를 사용하여 여러 하위 구성 요소를 렌더링하는 방법

코드부터 시작해 보겠습니다. 이제 하위 구성 요소에 4개의 개체가 전달됩니다. v-for를 사용하여 4개의 하위 구성 요소를 렌더링하는 방법은 무엇입니까? v-for를 상위 구성 요소의 템플릿에 배치해야 합니까?

PHP中文网 2017-05-19 10:44:00 0  1  605

javascript - vue2.0 하위 구성 요소는 $parent.$emit 및 $on을 사용하여 상위 구성 요소와 통신하고 오류를 보고합니까?

이것은 하위 구성 요소이고 상위 구성 요소입니다. vue2.0에서는 이벤트 속성을 더 이상 사용하지 않으므로 하위 구성 요소의 클릭 이벤트가 상위 구성 요소까지 버블링되는 방식과 상위 구성 요소가 이 이벤트를 수신하고 트리거해야 하는 경우는 언제입니까? . 자식 구성 요소의 클릭 이벤트 아래에 this.$parent.$...를 전달하려고 합니다.

仅有的幸福 2017-05-19 10:32:24 0  1  746

javascript - vue 부모-자식 구성 요소가 데이터를 전달합니다.

상위 구성 요소는 하위 구성 요소에 배열을 전달합니다. 이 데이터는 하위 구성 요소에서 호출되어야 합니다. 1. 자식 컴포넌트는 props를 사용해 부모 컴포넌트의 데이터를 받기 때문에 js에서는 사용할 수 없습니다. 2. wacth 메소드를 사용하여 모니터링하고 전혀 실행하지 않습니다. 답변해 주세요. 감사합니다.

高洛峰 2017-06-26 10:57:44 0  4  992

javascript - VUE 상위 컴포넌트 모델이 변경된 후 하위 컴포넌트에 전달된 props가 변경되지 않는 이유는 무엇입니까?

VUE 상위 컴포넌트 모델이 변경된 후 하위 컴포넌트에 전달된 props가 변경되지 않는 이유는 무엇입니까? 상위 구성요소 {code...} 하위 구성요소 {code...} 테스트 메소드를 클릭한 후 상위 구성요소의 배너를 변경합니다. 배너가 하위 구성요소에 전달된 후 하위 구성요소의 모델이 변경되지 않는 이유는 무엇입니까?

習慣沉默 2017-05-19 10:30:47 0  2  649

javascript - vue에서 상위 구성 요소가 인스턴스화되면 하위 구성 요소도 인스턴스화됩니까?

Vue에서 상위 구성 요소가 인스턴스화되면 하위 구성 요소도 인스턴스화됩니까? 그렇지 않은 경우 하위 구성 요소를 인스턴스화하는 방법

给我你的怀抱 2017-05-19 10:44:40 0  1  546

VueJs: 하위 컴포넌트의 선택 값을 수정한 후 터치

저는 VueJs를 사용하고 있으며 상위 구성 요소에 이 하위 구성 요소가 있으며 하위 구성 요소 선택이 변경되면 상위 구성 요소에서 함수를 트리거해야 합니다. 하위 구성 요소: watch:{selectCoin(){this.$emit("currencyType",this.selectCoin["title"]);}} 상위 구성 요소에서 사용하는 하위 구성 요소: <app-select-coin@coin= "body.val

P粉878542459 2023-09-04 17:10:56 0  1  583

javascript - vue.js 구성 요소 개발 모델에서 스타일이 이 구성 요소와 해당 하위 구성 요소에만 적용되도록 만드는 방법입니다.

범위 지정을 사용하는 경우 스타일은 현재 구성 요소에만 영향을 미칠 수 있으며 하위 구성 요소에는 영향을 줄 수 없습니다. 때로는 디자인 문제로 인해 여러 하위 구성 요소 간에 많은 스타일이 공유될 수 있는지 마스터에게 문의하고 싶습니다. 이 구성 요소와 다른 하위 구성 요소에만 적용됩니다.

怪我咯 2017-05-18 10:51:18 0  1  939

javascript - vue2.0 하위 구성 요소는 상위 구성 요소에만 데이터를 전달합니까?

이것이 상위 컴포넌트이고 이것이 하위 컴포넌트입니다. 효과를 설명하겠습니다. "All", 'Recommend', 'Tucao'를 클릭하여 selectType의 값을 변경하여 선택한 버튼의 배경을 변경합니다. '확인 표시'를 클릭하면 선택 항목이 표시되고 선택이 취소되므로 하위 구성 요소에 있는 selectType 및 onlyContent의 두 값...

给我你的怀抱 2017-05-19 10:34:07 0  2  731

여러 하위 구성 요소를 사용할 때 상태 관리

나는 반응 전문가가 아니다. 내 문제는 특정 기능을 위해 여러 하위 구성 요소를 순서대로 렌더링하는 기본 구성 요소가 있다는 것입니다. 이제 기본 구성 요소를 저장할 때 하위 구성 요소의 정보도 저장하고 싶습니다. 이 문제를 처리하는 올바른 방법은 무엇입니까? 하위 구성 요소의 상태를 반환하는 하위 구성 요소의 콜백을 사용하시겠습니까? reduxstore/useContext 후크? 다른 건 없나요? 조언을 구하는 것이 좋을 것입니다. 미리 감사드립니다

P粉032649413 2023-09-15 10:09:19 0  1  574

ReactJS에서 하위 구성 요소의 데이터를 상위 구성 요소로 전달하는 방법은 무엇입니까?

다음과 같이 하위 구성 요소에서 상위 구성 요소로 데이터를 보내려고 합니다. constParentComponent=React.createClass({getInitialState(){return{언어:'',};},handleLanguageCode:function(langValue){this.setState( {언어:langValue});},render(){return(&

P粉441076405 2023-08-27 13:34:07 0  2  419

vue 3의 구성 요소에서 하위 구성 요소로 데이터 보내기

상위 구성 요소 formTelemarketing에서 하위 구성 요소 nAsignedCalls로 데이터를 전송하여 이 작업을 수행하려고 합니다. 제출 버튼(제출 버튼 아님)을 클릭하면 상위 소품에서 prop:{register:Number}를 수행하고 있습니다. 양식이 채워져야 하고 내 작업 버튼이 searchRegisters 함수를 호출하고 양식에서 값을 가져오고 $emit this.$emit("register를 사용하여 내 구성 요소에 소품을 보냅니다.

P粉481815897 2023-09-01 17:12:52 0  1  593

상위 구성 요소에서 하위 구성 요소로 입력 값 상태를 전달하는 React 메서드

내 배열을 통해 매핑하고 다양한 하위 구성 요소의 반복을 인쇄하는 상위 구성 요소가 있습니다. 상위 구성 요소의 상태에 액세스하려고 하는데 하위 구성 요소에서 "inputValue"에 대한 올바른 상태를 추출하여 상위 구성 요소에 넣는 방법을 알 수 없습니다. 이상적으로는 inputValue 및 isValidated 상태가 모두 상위 구성 요소에 존재하여 다양한 양식 기반 함수에서 사용할 수 있기를 바랍니다. 상위 구성요소: importReact,{useState}from'react';import

P粉300541798 2023-09-17 00:11:51 0  1  661

Vue 3을 사용하여 하위 구성 요소의 상위 구성 요소 참조 변경

Navbar라는 하위 구성 요소가 있습니다. 로그아웃은 탐색 표시줄의 옵션입니다. <a@click="(event)=>{event.preventDefault();}">로그아웃</a> 이 Navbar를 Home이라는 상위 구성 요소로 가져왔습니다. 홈 구성 요소에는 div(모달 상자), <divclass="modal"v-if=&quot가 있습니다.

P粉615886660 2023-12-05 14:45:34 0  2  567

하위 구성 요소가 소품 데이터를 수정한 후 상위 구성 요소의 계산된 속성을 업데이트합니다.

개체의 다양한 속성 업데이트를 담당하는 수많은 UI 구성 요소가 포함된 상대적으로 복잡한 API 요청 개체를 만들어야 합니다. 기본 요청 모델을 부모 구성 요소의 소품으로 자식 구성 요소에 전달하고, 자식 구성 요소는 이를 여러 세대에 걸쳐 해당 구성 요소에 전달합니다. 상위 수준에는 이 데이터 모델의 필드를 반환하는 계산된 속성과 해당 계산된 속성에 대한 감시가 있습니다. 하위 구성 요소가 모델의 속성을 업데이트하면 이를 참조하는 모든 곳에서 성공적으로 업데이트되지만 상위 구성 요소의 계산된 속성은 다시 계산할 수 없으므로 조사식...

P粉633733146 2024-02-26 11:56:21 0  1  312

javascript - "하위 구성 요소 내에서 소품을 변경하면 안 됩니다" 정보 - CODE Q&A 해결 된 문제

공식 문서에는 하위 구성 요소 {code...} {code...} 내부에서 소품을 변경해서는 안 된다고 나와 있습니다. 이렇게 하위 구성 요소 내부에서 소품을 변경하는 것도 포함되는지 모르겠습니다. 어쨌든 오류가 보고되지 않았습니다. 그렇다면 하위 구성 요소 내부의 소품을 변경한다는 것은 무엇을 의미합니까? 어떤 분들은 상위 컴포넌트인 {code...}의 값이 바뀌지 않는다고 하는데 점점 헷갈리네요...

仅有的幸福 2017-06-12 09:29:56 0  4  724

하위 구성요소가 id 매개변수가 있는 함수를 상위 구성요소에 전달할 수 있습니까?

React를 사용하여 하위 구성 요소에서 상위 구성 요소로 id 매개 변수가 있는 함수를 전달할 수 있나요? 함수를 상위 구성 요소에 소품으로 전달하려고 합니다. 구성 요소 솔루션은 App 구성 요소->TasksList 구성 요소->Task 구성 요소입니다. 따라서 특정 작업을 클릭하여 해당 작업으로 라우팅하고 해당 작업의 개별 ID를 사용해야 합니다. 요점은 URL을 클릭하고 작업으로 라우팅한 후 /task/009로 변경되지만 작업 구성 요소가 렌더링되지 않는다는 것입니다. https://codesandbox.io/s/...

P粉550323338 2024-03-20 10:58:24 0  1  396

상위 구성요소 배열에 대한 하위 구성요소 업데이트로 인한 무한 재렌더링 방지

학생(하위) 구성 요소에서 변수 값이 변경되면 useEffect 후크는 handlerStudentsChange(상위 구성 요소에서 제공하는 함수)를 통해 상위 배열을 업데이트합니다. 학생(부모) 컴포넌트에 학생(자식) 컴포넌트 목록 표시 무한 루프를 방지하기 위해 useCallback 후크를 사용하여 handlerStudentsChange 함수를 정의합니다. 그러나 작동하지 않는 것 같습니다. 질문/질문 일단 변경이 발생하면 handlerStudentsChange가 무기한 실행됩니다. 이유는 무엇입니까? 게다가

P粉197639753 2024-02-26 10:26:24 0  1  474

하위 구성요소가 Vue에 마운트되었는지 확인하는 방법은 무엇입니까?

하위 구성요소가 설치되어 있는지 확인하고 해당 정보를 상위 구성요소로 이동하고 싶습니다. 이를 위해 나는 발사를 사용하고 있습니다. 다음은 상위 구성 요소의 예입니다. <child@is-child-mounted="childMounted"/>exportdefault{data(){return{childMounted:false,};},mounted(){if(this.childMounted ){ //도솜

P粉401527045 2023-12-26 19:49:44 0  1  423