Vue3 및 Storybook 7에서 슬롯을 처리하는 방법

ButtonAsSlot 스토리에서 하나의 구성 요소(UIButton)를 다른 구성 요소(UICard)의 슬롯으로 전달하려고 합니다. ButtonAsSlot 스토리에서는 default:''를 args.default로 전달하므로 슬롯에 전달됩니다. 기존 스토리(예: 기본값: '')를 전달할 수 있다면 좋을 것입니다. 그러나 이것은 작동하지 않습니다. 다음을 시도했지만 오류가 발생합니다. Storybook에 예기치 않은 식별자 '객체'가 있습니다. constdi

P粉504920992 2023-08-26 00:23:54 0  1  633

콘텐츠를 슬롯에 렌더링하는 방법

아래와 같이 하위 구성 요소에 슬롯이 있는 버튼을 만들었습니다. 슬롯의 이름은 SlotDigitizePolygonBtnLabel입니다. 하위 구성 요소의 버튼에는 버튼이 비활성화되었는지 여부를 나타내는 장애 상태라는 속성이 있어야 합니다. 상위 구성 요소에서 하위 구성 요소의 버튼을 렌더링하고 상위 구성 요소의 장애 상태 값을 하위 구성 요소로 전달하려고 합니다. 코드를 실행하면 아무것도 렌더링되지 않습니다. 오류가 발생한 위치와 해결 방법을 알려주십시오. 하위 어셈블리

P粉877114798 2023-08-18 00:30:15 0  1  558

Vue JS의 배열을 기반으로 슬롯 필드를 동적으로 추가/제거하는 방법

반복할 HTML 필드가 포함된 슬롯을 허용하는 다음 코드가 있습니다. <divv-for="(row,index)inrows":key="index"><divclass="d-flexjustify-content-between" > <slotname="필드"></slot&g

P粉639667504 2023-08-28 17:43:21 0  1  491

Vue 슬롯 요소를 사용하여 템플릿 루프에서 렌더링

슬라이드의 HTML을 구성 요소에 전달한 다음 슬롯 //carousel.blade.php <my-carousel><templatev-slot:slides><div>slide1</ div를 사용하여 다른 구성 요소로 렌더링하려고 합니다. ><div>slide2</div></template></my-carousel

P粉514458863 2023-09-15 10:37:00 0  1  588

슬롯을 사용하여 캐러셀을 만드는 방법은 무엇입니까?

사람들은 일련의 이미지를 사용하여 캐러셀을 만드는 동일한 방법을 계속 보여주었습니다. 그러나 캐러셀의 각 슬라이드에 라이트박스 구성 요소가 포함되기를 원하기 때문에 이 접근 방식은 융통성이 없습니다. 이 경우 캐러셀 배열에 넣은 이미지에 대한 라이트박스 기능을 재정의하고 싶지 않습니다. 정말 좋지 않나요? 코드를 적게 작성하고 Vue.js의 재사용 가능한 구성 요소를 그 어느 때보다 유용하게 만드세요. 슬롯을 사용하는 아주 좋은 예를 찾았습니다. GitHub의 SSENSE가 만든 VueCarousel. 능숙하지 않은 웹 개발자로서 ...

P粉817354783 2024-01-10 16:53:13 0  1  399

블레이드 템플릿 내부에 Vue 삽입 소품

블레이드/라라벨에 Vue3 애플리케이션이 설치되어 있습니다. 블레이드 템플릿에는 슬롯을 삽입한 Vue3 구성 요소(zest-dropzone)가 있습니다. <template>...<slotname="hits":button-label="buttonLabel":files=" files":type= "티

P粉614840363 2024-03-27 09:15:52 0  1  420

VSelect - Select가 Vuetify 3의 사용자 정의 '프로젝트' 슬롯에서 작동하지 않습니다.

내 Vue3 애플리케이션에서 Vuetify3의 VSelect를 사용하고 있으며 항목 슬롯을 사용하려고 합니다. 하지만 내 VSelect 옵션을 선택할 수 없게 됩니다. 다음 VSelect 요소가 있습니다: <v-selectv-model="tag":items="tags"variant="solo" label="Tags"><template#

P粉166779363 2023-08-26 12:35:37 0  1  551

Vue 3 여러 구성 요소를 통해 슬롯을 전달하는 방법

프로젝트 전체에서 재사용할 수 있는 지정된 셀이 포함된 거대한 테이블을 만들려고 합니다. 내 테이블 구성 요소에 다른 셀 구성 요소를 전달하고 싶습니다. 하지만 여러 하위 노드를 통해 명명된 슬롯을 전달하는 방법을 모르겠습니다. 저는 Vuev3.2.45를 사용하고 있으며 ID와 명명된 슬롯 테스트에서 했던 것처럼 App.vue에서 명명된 슬롯 셀의 SlotProps를 사용할 수 있기를 원합니다. //App .vue를 명확하게 하기 위해 여기에 놀이터를 만들었습니다. <scriptsetuplang="

P粉216203545 2023-08-27 00:15:30 0  1  573

플러그인

이 코드는 어떤 플러그인을 제안합니까?

手机用户1594159932 2020-08-26 03:18:37 0  0  1274

플러그인 설치

- 크롬용 플러그인 + 웹 서버: 로컬 웹 서버 + Markdown Anywhere: 브라우저에서 마크다운 문서 실시간 미리보기 이 두 플러그인의 설치에 대해 명확하게 설명해 주실 수 있나요? 설치가 안되는게 사실입니다.

依然 2019-02-26 19:47:57 0  0  978

vim 플러그인 사용시 문제

vim을 사용하면 Python PEP8 표준 감지용 플러그인이 설치됩니다. 플러그인 주소는 https://github.com/nvie/vim-flake8입니다. 오류 메시지가 표시되지만 오류 메시지를 읽은 후에는 오류 메시지가 표시되지 않습니다. 그림에 표시된 대로 닫는 방법을 알고 계십니까? 어떻게 닫을 수 있습니까?

仅有的幸福 2017-05-16 16:37:10 0  3  608