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

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

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

javascript - vue 구성 요소 간의 통신, 오류 보고

구성요소 간 통신, 오류 "ReferenceError: 팁이 정의되지 않았습니다" {코드...}

黄舟 2017-05-18 10:51:45 0  4  562

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

다른 구성 요소 내에서 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  549

javascript - Vue 컴포넌트 작성 방법

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

배포된 .mjs 파일에서 사용할 수 있는 단일 Vue 구성 요소를 노출하는 라이브러리를 어떻게 만들 수 있나요?

단일 .mjs 파일에 번들로 포함된 Vue 구성 요소를 만들고 싶습니다. 다른 Vue 프로젝트는 HTTP를 통해 이 .mjs 파일을 가져와 구성 요소를 사용할 수 있습니다. 다른 애플리케이션이 런타임 시 구성을 기반으로 이를 가져오려고 하기 때문에 npm을 통해 플러그형 구성 요소를 설치하는 것은 불가능합니다. 플러그 가능한 구성 요소와 관련하여 고려해야 할 사항 다른 UI 프레임워크/라이브러리의 하위 구성 요소를 사용할 수 있습니다. 사용자 정의 CSS를 사용할 수 있습니다. 이미지 복사 라이브러리와 같은 다른 파일에 종속성이 있...

P粉797004644 2023-08-26 23:23:36 0  1  545

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

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

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

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

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

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