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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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  606

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

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

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

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

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

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

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

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

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

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

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

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

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  614

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

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

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

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

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

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

javascript - anglejs ui-router 상위 페이지의 데이터 변경 사항을 하위 페이지에 알리는 방법

상위 페이지는 하위 페이지를 중첩합니다(ui-view에는 ui-view도 있음). 하위 페이지는 구성 요소를 사용하여 작성되므로 상위 페이지의 범위를 상속할 수 없습니다. 이제 상위 페이지는 $state 매개변수를 전달하여 하위 페이지에 데이터를 전달합니다. .go(' parent.child', {data: $scope.data}) 그러나 상위의 데이터가 수정되면...

曾经蜡笔没有小新 2017-07-04 13:44:45 0  2  1140

Vue 2에서 부모-자식 구성 요소의 무한 루프를 구현하는 방법: 슬롯 사용

상위 구성 요소에서 하위 구성 요소의 메서드를 호출해야 합니다. 그러나 하위 구성 요소에서 수행 중인 작업이 무한 루프를 일으키는 것 같습니다. 다른 질문을 살펴보았지만 유사한 문제를 해결하는 것처럼 보이지만 현재 직면한 문제에 정확한 패턴을 적용할 수는 없습니다. 다른 것 같습니다. 내가 무엇을 보고 있는지 잘 모르겠습니다. 두 개의 구성 요소가 있습니다. 하나는 ToggleButtons이고 다른 하나는 버튼으로 단순화되었습니다. ToggleButton은 다음과 같습니다.<template><divrol=&q...

P粉128563140 2023-09-03 15:13:47 0  1  527

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

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

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

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

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

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

하위 컴포넌트에서 상위 컴포넌트로 여러 입력값을 전달하는 Vue 메소드

**누구나 여러 하위 구성 요소를 전달하는 방법을 알고 있습니다. 입력 값**<template><div><v-rowalign="center"><v-select:items="언어"v-model="selectedOption"@input="changeLanguage()"outl

P粉476475551 2024-03-26 20:44:01 0  1  412

하위 구성요소의 v-model 재설정

내 상위 구성 요소에는 &lt;template&gt;&lt;ProductCounterv-model="formData.productCount"label="productcount"/&gt;&lt;/template&gt;&lt;scriptsetu와 같은 항목이 있습니다.

P粉268284930 2023-09-13 09:33:32 0  1  525

javascript - vue 하위 구성 요소에는 버튼이 있습니다. 이 상태는 인터페이스를 통해 상위 구성 요소에 의해 얻어지며, 이는 인터페이스 상태가 동적으로 변경되어야 함을 의미합니다.

구성 요소(상위 구성 요소)는 인터페이스를 통해 일괄 데이터를 얻습니다. 상위 구성 요소의 소품은 하위 구성 요소(B)에 전달됩니다. 하위 구성 요소가 이 데이터 배치를 렌더링한 후 버튼을 클릭하면 "장바구니에 추가"에서 "로 변경됩니다. 장바구니에 담기". 어떻게 해야할지 모르겠습니다. 클릭과 동시에 처리가 가능합니다...

三叔 2017-07-05 11:03:53 0  2  1026