Vue의 동일한 구성 요소에 있는 여러 모달 상자를 프로그래밍 방식으로 렌더링

내 구성 요소에는 콘텐츠가 다른 세 가지 팝업 모달이 있습니다. 특정 버튼을 클릭하면 해당 팝업 모달을 열어야 합니다. 버튼 1 - <s-buttontype="button" class="bl_btn"@click="onClickProdOpen">제품 세부정보</s-button>에 대해 내가 하고 있는 작업은 다음과 같습니다. 이 모달 1의 경우 <s- modal입니다.

P粉627027031 2023-08-28 16:23:40 0  1  571

[php] API 응답을 위한 PHP 응답 모듈(클래스)을 찾고 있습니다.

PHP에 좀 더 일반적인 응답 모듈이 있나요? 작곡가와 함께 설치하여 응답 헤더 설정, 응답 상태 코드, json 데이터 반환 등과 같은 편안한 응답을 만드는 데 사용하세요. 추천해 주세요.

黄舟 2017-06-10 09:47:23 0  2  901

React 경고: useEffect에서 상태를 업데이트할 때 업데이트 깊이가 최대 제한을 초과했습니다.

부울 변수를 포함하는 객체인 상태 변수를 업데이트하려고 합니다. 데이터를 사용할 수 있게 되면(버튼 클릭 시 호출된 API 호출에 대한 응답으로) useEffect 내에서 상태를 업데이트합니다. 그런 다음 이 데이터를 사용하여 또 다른 구성 요소인 모달을 호출하고, 사용할 수 있는 데이터가 없으면 다른 모달을 표시합니다. 팝업을 닫으면 상태 변수가 업데이트되어야 합니다. const[modalState,setModalState]=useState<IModalState>({sho

P粉447785031 2023-09-06 13:46:55 0  1  561

제출 시 Laravel의 모달이 사라지는 것을 방지하는 방법은 무엇입니까?

사용자가 데이터베이스에 데이터를 추가할 수 있는 보기 페이지에 모달 상자가 있는 Laravel 애플리케이션이 있습니다. 기본적으로 사용자가 제출 버튼을 클릭하면 모달이 사라지고 백엔드에서 오류가 반환됩니다. 오류가 발생할 때 모달 상자를 계속 표시하고 싶습니다. 이 목표를 어떻게 달성할 수 있나요? 모달 상자를 트리거하는 버튼<div><buttonclass="add"data-modal-target="#modal-box">AddNe

P粉755863750 2024-02-04 08:46:00 0  1  495

모달이 열려 있을 때 스크롤을 비활성화하는 방법 - 전체 페이지 JS

내가 원하는 것은 모달이 열려 있을 때 전체 페이지에 대해 JavaScript 스크롤을 비활성화하는 것입니다. 문제는 모달을 열고 스크롤하려고 하면 콘텐츠가 실제 웹 페이지인 모달 뒤로 이동하므로 이를 비활성화하고 싶다는 것입니다. 모달이 열리면 배경이 고정되어야 합니다. 오픈 모달 박스 × 저희 회사는 목공에 대한 열정을 가지고 있으며 이는 모든 제작 및 인테리어 디자인 프로젝트에서 나타납니다. 우리는 기능적일 뿐만 아니라 아름다운 맞춤형 목재 가구, 비품 및 액센트 제작을 전문으로 합니다. $(document).r

P粉090087228 2023-08-18 00:15:20 0  1  510

여러 React-Bootstrap 패턴을 사용하는 방법은 무엇입니까?

내 데이터를 매핑하는 반응 부트스트랩 모달이 있지만 문제는 모달을 클릭하면 모든 양식이 동일한 데이터를 표시하고 이는 분명히 모든 양식에서 배열의 마지막 항목이라는 것입니다. 모달을 동적으로 생성하고 다른 모달에 대해 다른 데이터를 표시하고 싶습니다. constcontent:{cardimg:string,Name:string,Post:string,Nation:string,About:string,mod:string}[]=[{"cardimg&quot

P粉277464743 2024-04-01 17:22:14 0  1  406

Vue의 데이터를 기반으로 아이콘 수를 늘리는 방법

API 요청을 보냈는데 참가자 수가 다릅니다(1~5명). 이 숫자에 따라 해당 개수의 아이콘이 모달 상자에 표시되어야 합니다. 참가자가 3명인 경우 모달에는 3개의 사용자 아이콘이 있어야 합니다. React에서 수행하는 방법을 알고 있지만 Vue3을 배우기 시작했고 수행하는 방법을 모릅니다. <template><p>참여자: <span><UserIcon/></span></p></te

P粉832490510 2024-01-10 17:03:43 0  2  397

정의되지 않은 메서드 GuzzleHttp\Command\Result::getBody() 호출 중

Drupal의 외부 API에서 json 형식의 응답을 얻으려고 합니다. 저는 HTTP 클라이언트 관리자 Drupal 모듈을 사용하고 있습니다. 이제 배열에서는 stdClass 객체 형식의 응답만 얻을 수 있고 모든 응답 키 값은 손실됩니다. 내 원래 코드: publicfunctionfindPosts(){$client=$this->getClient();$params=array('client_Id'=>"12345&quo

P粉426780515 2023-08-29 22:08:59 0  1  519

내 이력서 제목

1. PHP 객체 지향 프로그래밍에 능숙하고 PSR4 사양을 엄격히 준수하며 좋은 코딩 습관을 가지고 있습니다. 2. 일반적인 PHP 디자인 패턴(단일 케이스 모드, 팩토리 패턴 등)에 능숙합니다. 3. TP 프레임워크 및 TP 프레임워크 사용에 능숙합니다. Laravel과 같은 주류 프레임워크를 이해합니다. 4. Linux, 개발 및 테스트 환경, 공통 서비스 구축에 능숙합니다. 5. 반응형 레이아웃과 Flex+Rem 유연한 레이아웃을 위한 HTML5/CSS3 및 BootStrap 사용에 능숙합니다. 백엔드 상호 작용, 도메인 간...

啦啦啦啦啦 2022-07-20 16:22:34 0  0  1018

Vuejs 버튼을 클릭하면 블레이드에서 모달 열기

내 laravelVue 애플리케이션에는 일부 사용자 레코드를 표시하는 데이터 테이블이 있는 vue가 있습니다. 내 데이터 테이블 위에 레코드를 추가하는 버튼이 있습니다. 사용자가 버튼을 클릭하면 모달이 열려야 합니다. 하지만 내 모달은 블레이드에 있습니다. 다음은 내 버튼(view-docs.vue)에 대한 vue 코드입니다. <open-overlaydirection-from="top"identifier="addDocumentMod

P粉811349112 2024-03-28 11:50:37 0  1  401

css3 - 그래픽 및 텍스트 반응형 스타일

PC 데스크탑에서 이 페이지를 반응형으로 만들기: 한 가지 방법은 그림을 직접 반응형으로 만드는 것입니다. 유일한 단점은 텍스트가 흐릿하고 효과가 완벽하지 않다는 것입니다. , 이런 식으로 텍스트 크기는 적응적이어야 하며 텍스트 위치 관계는 잘 수행하기가 훨씬 더 어렵습니다...

習慣沉默 2017-05-16 13:20:57 0  3  708

toRefs와 함께 스크립트 설정 및 반응 상태 vue 3 사용

내 vue 프로젝트에서 스크립트 설정을 사용하려고 합니다. 스크립트 설정을 사용하기 전의 스크립트는 다음과 같습니다. <script>importLayoutfrom'../containers/Layout.vue';import{reactive,toRefs}from'vue'exportdefault{name:'Home',setup() {conststate =반응성({});반환{...에

P粉387108772 2023-08-26 15:38:41 0  2  507

Restful - nginx는 해당 요청이 .php 일치가 없는 동적 요청임을 어떻게 알 수 있나요?

이제 많은 RESTful 프레임워크 또는 pathinfo 라우팅 모드를 지원하는 프레임워크는 URL에서 항목 파일 index.*를 숨깁니다. 그렇다면 이 경우 요청이 프로그램 처리가 필요한 동적 요청인지, 아니면 정적 파일 요청인지 확인할 수 있도록 nginx를 구성하는 방법은 무엇입니까?

黄舟 2017-05-16 17:26:50 0  2  859

React Native 앱에서 탐색할 때 두 개의 화면을 추가하지만 TabBar에는 표시하지 않는 방법은 무엇입니까?

응용 프로그램의 TabBar에 표시되지 않도록 사용자 등록 및 로그인 인터페이스가 필요합니다. 간단한 응용 프로그램이 있고 두 가지 유형의 사용자 인터페이스를 사용하려고 합니다. 하나는 게스트 모드이고 다른 하나는 사용자 인증 모드입니다. 게스트 모드 또는 인증 모드 등 애플리케이션의 각 상태에 대한 TabBar를 표시하기 위해 각 인증 조건에 대한 탐색을 만들었습니다. 또한 각 탐색에 대한 아이콘을 표시하는 TabBar 구성 요소도 있습니다. LoginScreen 및 RegisterScreen 화면을 추가하려고 할 때 문제가 발생...

P粉155551728 2023-08-20 10:44:44 0  1  682

Vue.js 3 - 구성요소 인스턴스가 정말 없나요?

Vue2에서는 다음과 같이 구성 요소 없이 반응형 인스턴스를 생성할 수 있습니다: vavue=newVue({el:'#root',data:{/*...*/},methods:{/*...* /} }) 실제로 이는 Vue2 문서 시작 부분에 소개된 기본 사용 패턴입니다. 나는 이것이 기존 DOM 요소에 반응성을 추가하는 매우 우아한 방법이라고 생각하며 생성된 인스턴스는 프로그래밍 방식으로 쉽게 조작할 수 있습니다. Vue3에 동등한 방법이 있습니까?

P粉790819727 2023-09-04 15:03:23 0  1  569

Boostrap 5 탐색 모음을 닫을 수 없습니다

반응형 모드에서 탐색 표시줄이 닫히지 않음 추가된 모든 라이브러리가 준비됨''''<divclass="collapsenavbar-collapsejustify-content-end"id="navbarSupportedContent"><ulclass="navbar-navmb-2mb-lg -0">< liclass=&qu

P粉738821035 2024-04-01 17:18:21 0  1  349

Ionic 6의 Ionic 모드에서 스크롤바 스타일 지정: 단계별 가이드

ion-modal에는 콘텐츠가 넘칠 경우 나타나는 기본 스크롤 막대가 있습니다. 스크롤바의 스타일을 지정하고 싶습니다. ::-webkit-scrollbar, ::-webkit-scrollbar-track 및 ::-webkit-scrollbar-thumb을 사용하여 앱에서 스크롤바의 스타일을 지정할 수 있지만 모달에서는 작동하지 않는 것 같습니다. ion-content::-webkit-scrollbar와 같이 모달 내부의 여러 구성 요소에 이러한 요소를 적용하려고 시도했지만 적용되지 않았습니다.

P粉547362845 2024-01-04 20:51:07 0  1  465

하위 React 구성 요소에 전달된 useEffect를 사용할 때 함수가 여러 번 호출됩니다.

여러 개의 ChildComponent 태그가 있는 페이지가 있고 사용자가 클릭한 ChildComponent에 따라 호출할 API를 각 ChildComponent에 알려주고 싶습니다. onClick()은 모달을 엽니다. 모달이 열려 있으면 API 호출이 두 번 이루어지는 것으로 나타났습니다. 모달을 닫으면 API 호출이 다시 이루어집니다. 이 게시물에서 내가 이해한 것은 React가 올바르게 작동한다는 것입니다. React 기능 구성 요소에서 함수를 여러 번 호출하는 것은 이를 구조화하는 또 다른 방법이 있습니다.

P粉818561682 2024-03-30 15:36:26 0  2  485

javascript - 삭제를 클릭하면 삭제 여부를 묻는 메시지가 표시됩니다. 확인을 클릭하면 ajax 이벤트가 실행됩니다.

삭제를 클릭하면 삭제 여부를 묻는 프롬프트 상자(모달 상자)가 표시됩니다. 확인을 클릭하면 ajax 이벤트가 실행됩니다. 프런트엔드 콘텐츠를 처음 사용하는 경우 이 팝업 상자의 소스 코드를 찾을 수 없습니다. 삭제 방법은 class="js-ajax-dialog-btn"을 통해 스타일을 수정하는 것입니다.

淡淡烟草味 2017-06-26 10:57:50 0  6  1425

useState 후크는 예상되는 구성 요소뿐만 아니라 모든 구성 요소의 상태를 변경합니다.

나는 반응을 사용하고 있습니다. 클릭한 이미지의 스타일을 변경하려고 합니다. 하지만 이 함수를 사용하면 모든 요소에 상태가 적용됩니다. onClick 이벤트가 사진에 적용됩니다. 하나를 클릭하면 다른 이미지의 테두리 색상이 #a2a0ff로 변경됩니다. 클릭한 이미지에만 #4D4AFF 색상이 있어야 합니다. importReactfrom"react";import'./SearchPower.css';import{YMaps,Map,Placemark}from

P粉590428357 2023-09-14 15:45:46 0  1  578