javascript - vue를 기반으로 하는 다중 선택 드롭다운 그룹화를 위한 플러그인이 있습니까?

그러다가 내가 사용한 UI 프레임워크는 element-ui1.2.9였고 그러한 구성 요소를 제공하지 않는다는 것을 발견했습니다. vue 기반의 다중 선택 드롭다운 그룹화 플러그인이 있는지 살펴보겠습니다!

PHP中文网 2017-05-19 10:20:09 0  2  611

v-select 구성 요소가 v-select 상자에 선택한 옵션을 표시하지 않습니다.

v-select 구성요소를 사용하는 데 문제가 있습니다. V-select 구성 요소는 선택한 항목을 표시하지 않습니다. 드롭다운에 옵션이 표시되지만 선택 후 선택 상자에 공백이 표시됩니다. 여기에 문제가 있습니다. 드롭다운 메뉴가 표시되지만 선택한 후에는 아무 것도 표시되지 않습니다. 이렇게..텅 비어있습니다. 이것은 내 코드입니다<template><div><v-selectlabel="broadcast"v-model="broadca

P粉343408929 2023-12-24 22:47:36 0  1  617

javascript - js 객체 배열 속성 병합 문제

질문 옵션 기능을 작업할 때 이 병합 문제가 발생했습니다. 단일 선택형 질문과 객관식 질문이 있습니다. 각 질문에는 하나의 답변이 제공됩니다. 선택 결과는 아래 그림과 유사합니다. 동일한 객관식 문제의 데이터를 하나로 병합해야 하는데, 그림의 파란색 상자에서 선택한 개체가...

我想大声告诉你 2017-05-19 10:36:44 0  3  860

javascript - vue+ElementUI의 다중 선택 상자 구성 요소를 사용할 때 문제가 발생했습니다. 이유는 무엇입니까?

ElementUI의 라디오 버튼 및 다중 선택 상자 구성 요소를 사용할 때 v-for 루프 렌더링을 사용하면 선택 상자를 클릭할 때 응답이 없지만 바인딩된 데이터가 바인딩된 데이터를 올바르게 변경할 수 있습니다. 코드는 다음과 같습니다. ..} 그 중 questions[now_page-1].value 는 배열이고, 페이지 렌더링은 그렇지 않습니다...

PHPz 2017-05-18 10:51:43 0  2  747

다른 확인란을 선택한 후 하나의 확인란을 선택 취소하는 방법은 무엇입니까?

저는 Symfony 프레임워크를 사용하고 있으며 EasyAdmin 플러그인에 의해 자동으로 생성된 양식이 있습니다. 라디오 입력 필드만 표시하려면 이 양식이 필요하지만 어떤 이유로든 EasyAdmin이 확인란을 생성하고 이를 변경할 방법을 찾지 못했습니다. 내가 겪고 있는 문제는 사용자가 확인란 중 하나를 선택할 때 다른 모든 확인란을 선택 취소해야 한다는 것입니다. 즉, 라디오 입력을 시뮬레이션합니다. 체크박스를 생성하는 HTML은 다음과 같습니다. 이 체크박스는 이미 선택되어 있습니다. 확인란을 선택 취소하려면 btn-succe...

P粉436688931 2023-09-02 19:15:42 0  2  717

Bootstrap Vue를 사용하여 마우스 오버 시 선택 드롭다운을 여는 방법

<select> 또는 <b-form-select>를 실행하고 마우스 오버 시 옵션 드롭다운 목록을 표시하는 방법이 필요합니다. JQuery나 Vue.js 이외의 외부 플러그인을 사용하지 마세요.

P粉635509719 2024-03-26 14:04:58 0  1  526

javascript - iCheck의 ifChecked 메소드에서 확인된 속성을 취소하려는 경우 작동하지 않습니다.

iCheck 플러그인을 사용할 때 {code...}는 다음과 같이 두 개의 labeljs를 정의합니다. {code...} {code...}에서는 em.iCheck('uncheck')를 사용할 수 없습니다. 값이 1인 체크박스를 클릭하면 선택 후 즉시 선택 해제 상태로 설정되는 기능입니다.

过去多啦不再A梦 2017-05-19 10:28:52 0  1  1027

select.remove() 메소드의 동작은 수수께끼입니다.

그래서 저는 JavaScript를 사용하여 AgilePoint에서 작업하고 있습니다. 드롭다운 메뉴에서 특정 옵션을 제거하는 기능을 구현했는데 최종 결과가 매우 이상합니다. 다음은 샘플 코드입니다. enterimagedescriptionhere 여기서는 간단한 조건을 설정했으며 조건이 true인 경우 첫 번째 옵션, 세 번째 및 네 번째 옵션을 제거하겠습니다. 그러나 결국 첫 번째와 네 번째 옵션만 제거되고 세 번째 옵션은 그대로 남아 있습니다. 여기에이미지설명을 입력하세요.

P粉322918729 2023-08-18 17:05:54 0  1  555

ReactJS: 마우스를 올리면 드롭다운 메뉴 아이콘이 동적으로 업데이트됩니다.

먼저 ReactJS를 연습하기 위해 "antd" React 프레임워크와 tailwindCSS를 사용했습니다. 음, 이 프레임워크를 사용한 것은 이번이 처음입니다. 그래서 먼저 마우스 오버 시 드롭다운 팝업을 사용해 보기로 결정했습니다. 사실 이 단계까지 어떻게 갈지는 아직 명확하지 않습니다. 물론 CSS를 사용하면 "hover:" 속성을 사용할 수 있다는 것을 알고 있지만 ReactJS에서 로직을 사용하는 방법에 대한 아이디어가 있습니까? 또한 "드롭다운 메뉴에 대한 API 섹션"...

P粉877114798 2024-03-29 17:58:41 0  1  502

Material Tailwind를 사용하여 React에서 다중 선택 드롭다운 메뉴를 구현하는 방법

TailwindMaterialSelect 및 Option 구성 요소를 사용하여 다중 선택 드롭다운 메뉴를 만들려고 합니다. 그러나 배열을 Select의 값 속성에 값으로 전달하려고 할 때마다 다음 오류가 발생합니다. MaterialTailwind.Select에 제공된 배열 유형의 잘못된 속성 값, 예상 유형은 사용하고 싶지 않은 문자열입니다. 반응 선택, 내 전체 디자인은 TailwindMaterial을 사용하기 때문입니다. 누구든지 원한다면

P粉633733146 2023-09-06 09:29:26 0  1  640

마우스가 떠나기 전에 모든 값을 커밋하는 대신 마우스가 떠날 때 슬라이더의 값을 어떻게 커밋합니까?

입력 상자와 슬라이더가 있는데 슬라이더의 범위는 1에서 100까지입니다. 토글 스위치와 드롭다운 메뉴가 있으므로 슬라이더를 포함한 제출 버튼을 사용하는 대신 onChange 이벤트를 사용하여 각 필드의 변경 사항을 처리합니다. 그런데 문제가 있습니다. 슬라이더를 1에서 50으로 변경하려고 하면 1에서 50까지의 모든 값이 onChange 이벤트에 제출됩니다.

P粉129731808 2023-07-27 15:35:18 0  1  609

Laravel에서 동적 양식 저장을 구현할 때 각 행에 대한 다중 선택 드롭다운 양식을 처리하는 방법

내 양식에는 각 행에 동일한 이름을 가진 다중 선택 드롭다운 color_id[] 및 size_id[]가 있는 동적 테이블이 있습니다. 선택한 여러 값을 데이터베이스에 저장된 각 행에 쉼표로 구분된 값으로 저장하는 방법을 모르겠습니다. 여기서 데이터베이스에 저장을 시도했지만 작동하지 않았습니다. HTML 코드: <table><tbody><td><selectname="color_id[]"class=&quo

P粉301523298 2023-08-31 10:43:09 0  1  577

Bootstrap 5의 탐색 모음 드롭다운 메뉴(축소)에 기능적 문제가 있습니다.

Bootstrap5를 사용하여 반응형 메뉴나 드롭다운 버튼을 만드는 동안 문제가 발생했습니다. 모든 것이 괜찮은 것 같습니다. 탐색 아이콘과 드롭다운 아이콘이 모두 표시됩니다. 그러나 그들은 작동하지 않습니다. 탐색 아이콘이나 드롭다운 버튼을 클릭하면 드롭다운 메뉴가 나타나지 않습니다. jquery 파일도 포함했다는 점을 구체적으로 언급하고 싶습니다. 그러나 그것은 작동하지 않았습니다. 누군가 여기서 무슨 일이 일어나고 있는지 말해 줄 수 있습니까? 마지막으로 mr-auto, ml-auto 등과 같은 다른 부트스트랩 클래스를 사용하...

P粉322319601 2023-08-22 20:42:45 0  1  769

javascript - vue2.x 사용시 흰색 화면 현상

혹시 접해보셨는지 모르겠지만 vue 프레임워크를 사용하여 목록 페이지와 세부정보 페이지를 생성하고 계십니다. 1. 목록 페이지를 위로 스크롤합니다. 2. 클릭하여 세부정보를 입력합니다. 3. 그런 다음 아무것도 하지 않고 바로 돌아갑니다. 목록 페이지에 흰색 화면(실제로는 본문의 배경색)이 표시되고 고정된 요소는 표시되지만 열은...

typecho 2017-06-26 10:55:08 0  1  850

다중 선택, 라디오 선택 및 드롭다운이 포함된 양식 콘텐츠를 Ajax를 통해 데이터베이스로 전송할 수 있는 방법(컨트롤러 부분과 모델 부분도 가져오세요)

저는 비교적 초보입니다. 죄송합니다. 컨트롤러는 db 보조 기능을 사용하여 데이터베이스에 연결합니다. 예를 들어 다음 내용이 양식에 포함되어 있으면 어떻게 작성해야 합니까?

№ 2020-05-10 18:34:43 0  3  1258

PHP 메일을 사용하여 양식의 HTML 드롭다운을 연결하는 방법은 무엇입니까?

PHP 코드로 이 HTML을 확인하세요. 어떻게 해야 하나요? 나는 초보자입니다. 특정 의사의 이메일 주소를 선택하기 위한 드롭다운 메뉴가 있는 문의 양식을 만들고 있습니다. 저는 템플릿으로 작업하고 있으며 PHP에 대한 경험이 많지 않습니다. HTML 코드: <divclass="col-md-6form-groupmb-5"><labelfor="package">패키지*</label&g

P粉215292716 2024-03-28 10:36:26 0  1  481

vue-easytable 플러그인은 조건부로 열을 표시합니다.

저는 Vue 구성 요소 내부에 테이블을 표시하기 위해 vue-easytable 플러그인 버전 2.8.2를 사용하고 있습니다. 테이블 열을 조건부로 표시하는 방법을 찾는 데 문제가 있습니다. 여기에 표시된 데모에서 Row Radio 또는 Row Checkbox 스위치가 켜져 있으면 데모 테이블에 열이 동적으로 추가되는 것을 볼 수 있습니다. 그래서 이 기능은 vue-easytable에 이미 존재해야 한다고 생각하는데, 문서를 참고하여 구현하는 방법을 찾을 수 없습니다. 내 Vue 구성 요소에서 vue-easytable에 전달하는 열 ...

P粉066224086 2024-03-27 17:51:33 0  1  446

데이터베이스 열에 구분된 목록을 저장하는 것이 정말 그렇게 나쁜가요?

일련의 확인란이 있는 웹 양식을 상상해 보십시오(일부 또는 전체를 선택할 수 있음). 나는 데이터베이스 테이블의 열에 저장된 쉼표로 구분된 값 목록에 저장하기로 결정했습니다. 이제 올바른 해결책은 두 번째 테이블을 만들고 데이터베이스를 올바르게 정규화하는 것임을 알고 있습니다. 간단한 솔루션을 구현하는 것이 더 빠르고, 너무 많은 시간을 들이지 않고도 애플리케이션의 개념 증명을 빠르게 얻고 싶습니다. 내 경우에는 시간 절약과 간단한 코드가 그만한 가치가 있다고 생각합니다. 이것이 합리적인 디자인 선택입니까, 아니면 처음부터 표준화해...

P粉020556231 2023-08-27 19:52:49 0  2  514

React - Handsontable 데이터 그리드: 열 이동 및 상태 업데이트

저는 React용 라이브러리를 사용하고 있으며 헤더 목록(배열)이 있고 반대편에는 테이블 데이터가 포함된 배열이 있습니다. 문서를 읽은 후 "왼쪽에 열 추가" 및 "오른쪽에 열 추가" 옵션을 추가한 메뉴를 활성화할 수 있었지만 이는 시각적으로만 수행되었으며 React 상태에서 제목을 업데이트하지 않았습니다. 나는 두 가지 방법을 시도했다. 두 번째 방법은 "Custom Dropdown Configuration"입니다. 열을 수동으로 추가하고 Handsontable 메서드인 &qu...

P粉386318086 2023-09-15 21:51:29 0  1  745

Nuxt-link는 Bootstrap-vue를 사용하여 페이지 문제를 새로 고칩니다.

탐색을 위한 사용자 지정 호버 드롭다운 메뉴를 만들기 위해 nuxt와 bootstrap을 사용하고 있습니다. 내가 겪고 있는 문제는 내 탐색 하위 메뉴 NuxtLinks가 Nuxt 블록 내의 애플리케이션 콘텐츠를 원활하게 변경하는 대신 전체 페이지를 새로 고치는 것입니다. 탐색 모음은 default.vue 레이아웃에서 동적으로 생성되며 콘텐츠를 래핑하는 NuxtLink와 함께 b-dropdown-hover 구성 요소를 사용합니다. 페이지가 이러한 링크/앵커에 대해 완전히 새로 고쳐지는데 내 b-navbar-브랜드 이미지가 원활하게 ...

P粉512729862 2023-12-07 08:58:02 0  1  749