구성요소에 배열 전달

저는 React를 처음 접했고 다음에 대한 도움이 필요합니다. 구성 요소를 렌더링하기 위해 배열 목록을 허용하는 구성 요소가 있고 배열 렌더링된 구성 요소를 조작하려면 별도의 구성 요소가 필요합니다. 여기서 API 호출을 통해 배열을 전달해야 합니다. 현재 다음 모의 데이터를 전달하고 있습니다: importconstmockData=[{title:'ABC',value:'$7,999',diff:

P粉006540600 2023-08-15 17:00:37 0  1  581

javascript - 데이터 값이 업데이트된 후 vue의 Swipe 플러그인이 DOM을 다시 업데이트하지 않는 이유는 무엇입니까?

vue로 작성된 스와이프 캐러셀 컴포넌트인 배너 다이어그램입니다. 이는 전달된 초기 값입니다. 페이지가 로드될 때마다 로컬 저장소에서 값을 가져오며 동시에 서버로 이동하여 요청합니다. 뉴스 정보, this.news를 업데이트하고 이때 스와이프로 새 값을 다시 전달합니다.

習慣沉默 2017-05-19 10:18:49 0  4  567

하위 컴포넌트에서 상위 컴포넌트로 여러 입력값을 전달하는 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  400

javascript - Vue의 'v-for' 루프에서 하위 구성 요소가 'prop' 값을 수신하고 이상한 문제를 업데이트하지 않습니다.

현재 모든 역할 페이지에 진입하면 renderSource의 값은 여전히 ​​모든 모듈 구성요소에 의해 전달된 값이므로 모든 역할에 의해 전달된 값으로 업데이트되어야 합니다. 모든 모듈에 다시 액세스하면 renderSource는 이전에 모든 문자가 전달한 값으로 업데이트됩니다. 이런 식으로 앞뒤로 클릭하면 prop이 renderSour를 전달합니다.

仅有的幸福 2017-06-26 10:55:09 0  1  1044

vue-cookies는 값을 가져오고 실제 값 대신 객체를 반환합니다.

내 vue 프로젝트에서 vue-cookiesnpm 패키지를 사용하고 있습니다. 패키지를 설치하고, 프로젝트에서 초기화하고, 쿠키를 설정하는 데 아무런 문제가 없습니다. 그러나 키로 쿠키에 저장된 값을 검색하려고 하면 저장된 값이 표시되지 않고 대신 [objectObject]가 표시되며 무엇이 잘못되었는지 잘 모르겠습니다. 이것은 내 코드입니다. this.cart.push( {productID:this.product._id,product:{productName:this.pr

P粉878510551 2024-01-01 13:57:08 0  2  534

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

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

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

JavaScript - vue와 구성 요소 간의 데이터 전송이 실패합니다.

두 컴포넌트 간 데이터 전송을 위해 이벤트 버스를 사용하는데, 데이터 할당 과정에서 문제가 발생합니다. 데이터를 받는 컴포넌트: {code...} 콘솔에서는 생성된 함수가 호출되었다고 로그에 나와 있습니다. 영화가 다시 할당되었지만 인터페이스의 UI는 변경되지 않았으며 인쇄는...

phpcn_u1582 2017-05-19 10:46:04 0  3  680

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

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

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

배열 객체 속성 값을 변경하는 방법 javascript

배열 개체와 배열이 있습니다. 이 배열의 어떤 값이 배열 객체의 값과 일치하려면 상태 변경(예: true)이 필요합니다. arrObj 출력은 다음과 같아야 합니다. [{name:"Test1",status:true},{name:"Test2",status:false},{name:"Test3",status:true}]Demo: https:// stackblitz.com/e

P粉618358260 2023-09-03 14:27:32 0  1  366

Pinia 상태를 변경한 후(배열에서 객체 제거) Vue 구성 요소가 다시 렌더링되지 않는 이유는 무엇입니까?

pinia에서 사용자 배열을 변경하는 deleteHandler 함수가 있습니다. 그러나 vue의 devtools에서는 상태가 변경되지만 구성 요소가 다시 렌더링되지 않지만 배열에서 개체를 제거하면 일부 값만 변경하면 vue에서 이를 인식하고 구성 요소를 제거하는 것만으로 구성 요소를 다시 렌더링합니다. 배열 개체가 작동하지 않습니다. constdeleteHandler=(user)=>{//doesn'trendersuseUser.users=useUser.us

P粉763748806 2023-12-30 14:57:42 0  1  451

javascript - Vue 구성 요소가 계산된 메서드의 반환 값을 바인딩하고 바인딩 예외가 발생합니까?

그림과 같이 위의 코드 컴포넌트인 div.star는 계산된 속성 메소드에 의해 반환된 값에 바인딩되며, 최종적으로 바인딩 예외가 발생합니다.

某草草 2017-06-26 10:54:52 0  3  922

mongodb - Koa의 두 미들웨어 간에 값을 전달하는 방법은 무엇입니까?

두 미들웨어 사이에 값을 전달하는 방법 {code...} 위와 같이 첫 번째 미들웨어의 게시글에서 얻은 Body를 두 번째 미들웨어에 전달한 후 두 번째 미들웨어에 저장하려고 합니다. 어떻게 받아야 하나요?

巴扎黑 2017-05-02 09:24:15 0  2  613

ReactJS 구성요소의 속성값을 다른 구성요소에 전달할 수 없습니다.

Home.js 구성 요소의 Navbar.js 구성 요소에 있는 차원 개체의 최신 업데이트 값을 얻는 방법은 무엇입니까? Home.js에서 Navbar.js로 콜백 함수를 props로 전달하려고 시도했지만(Home.js는 Navbar.js의 상위 구성 요소이므로) 새로 업데이트된 차원 상태 값을 Navbar.js에 저장할 수 없습니다. useEffect의 종속성으로 차원 상태를 전달하면 무한 루프가 발생합니다. 도와주세요. **Home.js

P粉647504283 2023-08-16 00:30:36 0  1  563

Vue에서는 하위 구성 요소에서 방출된 값을 가져온 다음 이를 상위 구성 요소의 반환 데이터에 사용하려면 어떻게 해야 합니까?

Topbar 구성 요소가 전달한 제목 값을 어떻게 가져와 data() 반환 부분에서 해당 값을 사용할 수 있습니까? 값을 전달하는 메서드를 추가해 보았지만 안타깝게도 상위 파일의 값을 콘솔 로그에 기록할 수 있었지만 작동하지 않았습니다. 저는 아직 vuejs의 초보자이므로 이 문제에 대한 도움을 받고 싶습니다. 감사해요! <template><div><Topbar:tabs='tabs'@pass-data="getTabTitle"/

P粉523625080 2023-12-19 20:43:06 0  1  440

javascript - vue에서 구성 요소 분할 및 조합 사용 문제

저는 Vue를 처음 사용하고 있습니다. 현재 그리드 구성 요소와 대화 상자 구성 요소를 사용하여 작은 연습을 하고 있습니다. 그리드의 각 행마다 삭제 버튼이 있습니다. 클릭하면 삭제할지 묻는 팝업 창이 나타납니다. 그리드 구성 요소는 아래와 같습니다. 대화 상자 구성 요소는 아래와 같습니다. App.vue에서 vue 인스턴스를 만들고 그리드 구성 요소를 도입합니다. 이제 대화 상자를 표시해야 할지 모르겠습니다.

漂亮男人 2017-05-19 10:37:17 0  1  597

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

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

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

javascript - vue 구성요소 이벤트 문제

vue 구성 요소에서 js 객체 메서드를 호출하는 방법은 무엇입니까? 이제 호출은 Uncaught TypeError: cook.tag가 cook.tag가 외부 개체 메서드인 함수가 아니며 해결책은 {code...} {code...}입니다.

某草草 2017-05-18 11:01:42 0  1  454

javascript - vue 부모-자식 구성 요소에 속성을 통해 데이터를 전달하는 데 문제가 있습니다

v-header 컴포넌트가 포함된 app 컴포넌트를 작성했는데, 다음 폼을 통해 v-header에 전달했는데, 계속 오류가 나네요. 형식에 문제가 있는지 모르겠습니다.

阿神 2017-05-16 13:38:22 0  3  604

javascript - vue element-ui 업로드 파일 구성 요소를 사용하는 방법

element-ui의 업로드 구성 요소를 사용하는 방법을 알려주세요. 공식 웹사이트를 살펴보는 것이 가장 좋습니다. 감사합니다

黄舟 2017-06-26 10:52:20 0  1  1329

함수 배열 값 반환에 관한 JavaScript 문제

JS의 클로저 문제를 연구할 때 JS 고급 프로그래밍에 대한 코드 예제를 입력하고 실험했는데 결과가 일관성이 없어 파악하지 못했습니다. {Code...} 이 코드의 결과는 배열을 반환해야 하며 각 값은 10이지만 브라우저에서 실험한 결과 함수 번호를 반환하는 것을 발견했습니다...

为情所困 2017-05-19 10:30:05 0  3  507