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

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

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

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

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

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

VUE UI 구성요소 라이브러리 생성

vue를 사용하여 구성 요소 라이브러리를 만들고 있습니다. 진짜 질문은 문서를 만드는 방법입니다. nuxt와 같이 docs 폴더에 새 프로젝트를 생성합니까, 아니면 루트 디렉터리에 package.json을 두고 docs 폴더에서 vue를 사용하여 새 createApp을 인스턴스화합니까? 문서를 만들 때 구성 요소 라이브러리에서 직접 구성 요소를 테스트합니까?

P粉300541798 2023-08-30 14:15:10 0  1  450

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

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

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

다른 구성 요소 내에서 Vue 구성 요소를 동적으로 렌더링

Vue3.2.41-@heroicons/vue2.0.14-inertiajs1.0-vite4.0.0 사용 다음을 사용하여 Vue 구성 요소를 호출합니다. 구성 요소는 다음과 같습니다. <template><comComponent:is="icon"/><! -- 작동하지 않습니다--><CalendarDaysIcon/><!--작동합니다-->&

P粉764003519 2023-08-30 20:51:07 0  2  525

javascript - Vue 컴포넌트 작성 방법

프로젝트는 Vue를 사용하려고 합니다. 프로젝트 시간이 촉박하고 Vue를 처음 접해봐서 이해가 안되는 부분이 많습니다. 여기서 vue-cli 도구와 webpack을 사용하지 않는 경우 구성 요소를 어떻게 작성해야 하는지 묻고 싶습니다. 제가 온라인에서 보는 대부분의 글쓰기 방식은 단일 페이지 글쓰기 방식이기 때문에...

怪我咯 2017-05-19 10:18:42 0  2  540

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

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

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

Vue 3에서 구성요소 가져오기

안녕하세요, Vue3에서 구성 요소를 가져오려고 합니다. 이것은 내 구성 요소 구조입니다. +src+App.vue+comComponents+Navbar.vue 내 App.vue에서 다음을 시도했습니다. <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/vue/ 2.5.17/ vue.js"></script><템플릿><

P粉564192131 2024-01-21 16:26:14 0  2  631

하나의 파일에 여러 Vue 구성 요소 사용

vue 문서의 "스크립트 설정" 가이드에서 "네임스페이스 구성 요소"를 보았고 다음과 같이 말합니다. 점(예: )이 있는 구성 요소 태그를 사용하여 개체 속성 아래에 중첩된 구성 요소를 참조할 수 있습니다. 이는 단일 파일에서 여러 구성 요소를 가져올 때 유용합니다. <scriptsetup>import*asFormfrom'./form-comComponents'</script><template><Form.Input><Form.L

P粉710454910 2023-11-22 21:55:43 0  1  593

Vue 구성 요소 내에서 Vue를 결합하여 HTML 렌더링

Vue2에서 Vue3으로 프로젝트를 업그레이드하려고 합니다. Vue3에는 다양한 Vue 구성 요소 컬렉션이 포함된 구성 요소가 있습니다. Vue2에서 작동하는 방식은 Twig에서 Twig 템플릿(예: field.twig)을 호출하고 :is 속성과 Vue.compile 메서드(<div:is"compile(element.element.element.element)를 사용하여 컴파일하기 위해 Vue로 보내는 것입니다. 콘텐츠) ..."). 이것은 Twig 템플릿이 Vue로 보내는 것입니다. 그러나 Vue3에서는 이...

P粉193307465 2024-03-26 14:35:53 0  1  456

javascript - vue 구성 요소에 대한 반복 호출

이제 Vue를 사용하여 프로젝트를 작성합니다. 많은 페이지에 삭제 확인 상자가 있습니다. 이 삭제 상자를 컴포넌트로 작성하고 매번 호출할 수 있지만 내부 데이터가 변경됩니까? 형제 구성 요소 간의 통신이 사용되지만 다른 페이지의 삭제 버튼을 사용하여 이 구성 요소를 어떻게 호출할 수 있습니까?

漂亮男人 2017-06-28 09:29:12 0  2  1373

javascript - vue 구성요소 매개변수 문제

{Code...} {Code...} vue는 카운트다운 구성요소를 통해 데이터를 전달합니다. This.endTime은 들어오는 데이터를 가져올 수 없습니다. 이제 매개변수를 가져오려고 하는데 매개변수를 사용할 수 있습니다.

大家讲道理 2017-05-19 10:13:47 0  3  563

vue3 js 구성 요소: 구성 요소가 업데이트되지 않았습니다.

API에서 데이터를 수집하는 구성 요소가 있습니다. API에서 반환된 데이터는 세부정보가 포함된 배열입니다. 배열의 값 중 하나는 렌더링해야 하는 구성 요소의 유형이며, 다른 모든 데이터는 구성 요소에 전달됩니다. 데이터베이스에서 가져온 값을 기반으로 올바른 구성요소를 렌더링하려고 하는데 안타깝게도 작동하지 않습니다. 저는 Vue를 처음 접했지만 vue2에서는 작동하지만 컴포지션 API를 사용하여 Vue3에서도 작동하길 원합니다. 교체하려는 구성 요소 코드는 다음과 같습니다. <comComponent:is="quest...

P粉779565855 2024-02-25 14:50:02 0  2  436

Vue Cypress 구성 요소 테스트에서 플러그인 복사

저는 Vue 애플리케이션을 구성요소 테스트하기 위해 Cypress를 사용하고 있습니다. https://docs.cypress.io/guides/comComponent-testing/vue/examples#Replicating-Plugins의 코드 예제를 따르면 아래 나열된 몇 가지 오류가 발생합니다. Argumentoftype'(this:Context,comComponent:ComponentOptionsWithObjectProps&

P粉725827686 2023-08-30 19:44:36 0  1  482

Vue 구성 요소에 관성 데이터를 표시하는 방법은 무엇입니까?

VueInspector에서 실제로 메시지를 받았지만 Vue 구성 요소에서 이를 사용하는 방법을 잘 모르겠습니다. 이미지 링크 https://ibb.co/2KTmstS를 참조하세요. 관성 도우미 메서드를 사용하고 Vue 구성 요소에 메시지를 보내고 있지만 아무 것도 작동하지 않습니다. publicfunctioncontact_to_project(){$message="Mymessage!";returnInertia('Contact_to

P粉517475670 2023-10-31 12:54:15 0  1  474

javascript - vue 컴포넌트 데이터 루프

vue 구성 요소에서 문자열을 배열로 자른 다음 루프를 통해 결과를 출력하고 오류를 보고합니다. #1year-2yearold#breakfast#kuaishou var test = "1세-2세, 아침 식사, 빠른 손 "; &lt;요리-태그: 태그="테스트" /&gt; {코드...}

天蓬老师 2017-05-18 11:02:33 0  1  585

javascript - vue 구성 요소 확장 확장 오류

비즈니스에서 사용할 때 수정해야 하는 선택 구성 요소를 작성했습니다. 선택 상속을 기반으로 수정하고 이름을 teble-select로 바꿨습니다. Vue에서 [Vue 경고]: 렌더링 기능 오류: "유형 오류: '이름을 읽을 수 없습니다. ' 불확실한...

迷茫 2017-07-05 10:45:06 0  1  1043

javascript - vue에는 jq의 isscroller와 같은 구성 요소가 있습니까? 추천해주세요

vue에는 jq의 isscroller와 같은 구성 요소가 있습니까? 추천해주세요

習慣沉默 2017-05-19 10:38:40 0  1  610

javascript - vue 구성 요소 내의 이벤트는 즉에서 트리거되지 않습니다.

IE에서는 vue 하위 컴포넌트의 이벤트가 발생하지 않습니다. Google Firefox 등에서 사용할 수 있습니다. IE에서만 코드는 IE {코드... } 조언을 좀 부탁드립니다.

我想大声告诉你 2017-05-19 10:30:03 0  1  661

javascript - vue의 한 구성 요소가 다른 구성 요소의 이벤트를 더 잘 수신할 수 있는 방법은 무엇입니까?

상위 구성 요소 APP 아래에는 4개의 라우팅 구성 요소 A, B, C 및 D가 있습니다. 이 4개의 라우팅 구성 요소 아래에는 각각 하위 구성 요소 A1, B1, C1 및 D1도 있습니다. 이러한 구성 요소 A1, B1, C1 및 D1을 클릭하면 E 구성 요소의 메서드가 트리거되고 해당 매개 변수가 E 구성 요소의 메서드에 전달됩니다. 이제 내 방법은 ...

習慣沉默 2017-06-14 10:53:44 0  1  640