MUI 슬라이더 구성 요소: 다양한 색상의 엄지손가락

MUI에는 슬라이더 구성 요소가 있습니다: https://mui.com/material-ui/react-slider/ 현재 사용자가 값 범위를 선택할 수 있도록 이 구성 요소를 사용하고 있습니다(그래서 내 슬라이더에는 두 개의 엄지손가락이 있습니다) MUI Multi -Thumb 슬라이더 블록 문서: https://codesandbox.io/s/gptppq?file=/demo.js 슬라이더 썸은 다음과 같이 스타일을 지정할 수 있습니다: https://codesandbox.io/s/359l9t?file=/demo. TS

P粉709644700 2023-09-08 22:49:51 0  1  453

javascript - vue2.0은 여러 개의 동일한 구성요소를 동적으로 로드하고, 구성요소의 데이터에 서로 다른 값을 입력하며, 마지막이 아닌 구성요소를 닫을 때 파괴된 값이 마지막 구성요소 값이 됩니다.

Vue2.0은 여러 개의 동일한 구성요소를 동적으로 로드하고 구성요소의 데이터에 다른 값을 입력합니다. 마지막이 아닌 구성요소를 닫을 때 파괴된 값은 마지막 구성요소 값입니다. 컴포넌트 로딩 방법: 컴포넌트는 사용자 정의 이벤트를 통해 렌더링할 컴포넌트를 얻어 컴포넌트에 푸시합니다. <컴...

黄舟 2017-07-05 11:00:36 0  1  1396

javascript - 구성 요소의 값을 동적으로 바인딩할 수 없습니다.

작성하려는 컴포넌트의 코드이고 컴포넌트가 아닌 코드는 {code...} 맨 아래는 JS {code...} 최종 렌더링은 {code...} 비컴포넌트 아래 코드에서는 값이 될 수 있습니다. 일반적으로 동적 값 동물로 표시되며 위의 것은 이름과 레이블이 정상이며 값입니다.

曾经蜡笔没有小新 2017-05-19 10:18:31 0  1  375

javascript - vue가 구성 요소 동적 구성 요소를 사용하지 못하는 이유는 무엇입니까?

1. 구성요소를 사용한 구성요소의 동적 추가가 실패하는 이유는 무엇입니까? <template> {code...} </template>import modal from './company/modal.vue'export default { {code...} } 먼저 구성요소를 동적으로 추가할 수 있습니다.

仅有的幸福 2017-05-31 10:39:56 0  2  786

호스트 설정 기능 외부에서 Vue3 동적 구성 요소에 프로비전/주입을 선언하는 방법이 있나요?

Vue3에서 동적 구성 요소를 만들고 있습니다. 소품을 제공하기 위해 v-bind를 사용합니다. <comComponent:is='MyComponent'v-bind='myProps'/>제공/주입 기능을 사용하고 싶습니다. 내가 제공하는 속성을 동적 구성 요소에 어떻게 넣을 수 있나요? 내 동적 구성 요소 호출은 설정 함수에 주입되며 해당 하위 구성 요소에 대한 값을 기대합니다. Vue에 문서화되어 있지는 않지만 시도했지만 성공하지 못했습니다. <comComponent:is='MyComponen

P粉384366923 2023-08-30 09:41:50 0  1  493

javascript - vue 구성 요소를 사용하여 동적으로 라우터 링크를 생성하는 방법

{코드...} 현재 문제는 가능하지만 vue-router가 실행되기 전에 컴포넌트가 등록되지 않았다는 오류가 보고됩니다. 더 나은 동적 구현 방법이 있는지 묻고 싶습니다↓ 원래 문제로. 위에 표시된 것처럼 사이드 라우팅을 동적으로 생성한 다음 vue-router를 실행하여 구문 분석해야 하지만 뭔가 나타날 것입니다.

过去多啦不再A梦 2017-06-26 10:53:30 0  1  865

Redux 저장소 값이 변경되면 React Tab 구성 요소가 활성 탭을 업데이트하지 않습니다.

React 애플리케이션에서 ChakraUITab 구성 요소를 사용하고 있습니다. Redux에 숫자 값이 저장되어 있고 해당 값을 기반으로 활성 탭을 변경하고 싶습니다. 그런데 스토어에서 숫자 값을 업데이트해도 그에 따라 활성 탭이 변경되지 않습니다. 이 문제를 어떻게 해결할 수 있나요? 다음은 MyTabs 구성 요소의 코드입니다. functionMyTabs(){constnumber=useSelector(selectnumber);console.log(number);return(<Ta

P粉950128819 2023-08-31 17:49:11 0  2  558

Vue 3에서 동적 구성요소 가져오기를 구현하는 방법 알아보기

이 게시물에 따르면 구성 요소를 Vue3 애플리케이션으로 동적으로 가져오고 싶습니다. 보기의 코드는 다음과 같습니다:&lt;template&gt;&lt;divclass="page"&gt;&lt;latest-boxv-if="showLatestBox"/&gt;&lt;/div&gt;&am

P粉253800312 2023-08-24 16:00:23 0  1  649

제목은 다음과 같이 다시 작성되었습니다. Vue.js 3 및 Tailwind CSS에서 RatingBar 구성 요소의 동적 너비 렌더링 문제 해결

저는 Vue.js3과 TailwindCSS를 사용하고 있습니다. RatingBar라는 구성 요소가 있고 상위 요소의 클래스에 동적 너비 값을 적용하려고 합니다. 하지만 DevTools에서 예상 너비를 볼 수 있지만 100%로 렌더링됩니다. 이것은 RatingBar.vue 구성 요소의 코드입니다: <template><divclass="my-2gridgrid-cols-3items-center"&g

P粉803527801 2023-09-01 10:19:15 0  1  404

Tailwind CSS의 React 서랍 구성요소의 애니메이션 닫기 문제를 해결하는 방법

내 React 프로젝트에서도 tailwindCSS를 사용하여 메뉴의 아이콘을 클릭하면 서랍이 열리는 기능을 구현했습니다. 문제는 내 구현에서 닫는 애니메이션이 손실된다는 것입니다(시작 애니메이션은 정상적으로 유지됩니다). 이 구성요소를 살펴보겠습니다. importReact,{useState}from'react';import{Link}from"react-router-dom";import{PlusCircleIcon}from&quot

P粉545682500 2023-08-13 10:44:01 0  1  554

javascript - Vue2.x는 조건부 판단 후 메시지 프롬프트 구성 요소를 어떻게 동적으로 삽입합니까?

원래는 Element UI에서 Message를 사용했는데, 프로젝트와 스타일이 맞지 않아서 새로운 UI로 디자인을 하게 됐는데, 이제 이런 메시지 프롬프트를 컴포넌트로 작성하고 싶습니다. '인터페이스 요청 실패');. 또는 api.js에서 호출할 수 있는 한 이 형식일 필요는 없습니다...

仅有的幸福 2017-05-19 10:25:11 0  2  650

javascript - 체크박스를 사용하여 트리 구성 요소의 다중 계층 중첩 연결을 구현하는 방법

현재 체크박스를 사용하여 트리 구성 요소를 만들고 있습니다. 내 렌더링 아이디어는 하위 클래스에서 하위 클래스로 반복되는 것입니다. 하위 속성이 있으면 코드는 다음과 같습니다. 이제 체크박스 선택 연결을 해야 합니다. 부모 클래스가 자식 클래스로 재귀하는 경우 n-1 재귀가 필요합니다. 이는 매우 영향력이 큽니다...

滿天的星座 2017-06-26 10:50:15 0  1  658

다음 js는 일부 모바일 장치에서 구성 요소의 텍스트가 흐려집니다.

제목에서 알 수 있듯이 nextjs 페이지의 일부 텍스트가 흐릿하게 보이지만 일부 모바일 장치에서는 온라인으로 보이는 문제가 여전히 발생합니다. 나는 일부 iPhone에서 이것을 가장 눈에 띄게 발견했습니다. 콘솔을 사용하여 모바일 레이아웃을 테스트하는 경우 모바일 장치의 경우에도 마찬가지입니다. 이것은 내 페이지에 있는 두 가지 구성 요소의 문제일 뿐입니다. 두 카드를 뒤집어 뒷면을 볼 수 있습니다. 또한 Framermotion을 사용하여 애니메이션을 적용했습니다. 스타일 지정은 Tailwind를 통해 수행되며 페이지의 다른 부분...

P粉329425839 2023-09-12 21:31:00 0  1  625

javascript - vue-cli 프로젝트에서 하위 구성 요소가 경로의 메타 속성을 동적으로 변경할 수 있습니까?

경로 메타에 설정된 title 속성을 통해 WeChat의 제목을 변경하고, 제품 세부 정보 섹션에서 제품 세부 정보를 가져오려면 하위 항목에서 경로 메타의 title 속성을 동적으로 가져와야 합니다. 구성 요소를 변경하는 것이 가능합니까?

学习ing 2017-07-05 10:38:30 0  1  866

Vue 2의 동적 구성요소는 관련 없는 값이 변경되면 해당 값을 잃고 새로 고쳐집니다.

나는 오랫동안 이 문제로 어려움을 겪어왔고 거의 버그라고 생각했습니다. 텍스트 본문의 태그를 입력으로 대체하기 위해 동적 vue 구성 요소를 사용하고 있습니다. 이는 예상대로 작동합니다: hydrateBaselineQuestion(targetObject){varhtml='<p>'html=html+targetObject.baselineif(targetObject.baseline_questions){targetObj

P粉245276769 2023-09-07 16:25:55 0  1  480

슬라이더 추적 애니메이션을 비활성화할 수 있습니까?

MUI에는 슬라이더 구성 요소가 있습니다: https://mui.com/material-ui/react-slider/ Nub에서 재생되는 애니메이션을 비활성화하여 Nub가 새 위치로 이동하도록 하는 방법을 알아내려고 합니다. 즉시. 이를 수행할 수 있는 방법이 있습니까?

P粉460377540 2024-03-28 19:17:20 0  1  392

React Native에서 gorhom 하단 형태의 그림자를 표시합니다.

저는 gorhom/react-native-bottom-sheet 라이브러리를 사용하고 있습니다. 사용자가 하단 폼을 위아래로 슬라이드할 때 섀도우 박스를 표시하고 싶습니다. 이것을 달성하는 방법은 무엇입니까? 현재 isOpen일 때 표시되도록 설정했지만 스와이프할 때 표시하고 싶습니다. 또한 isPressed가 true일 때 그림자 상자를 표시하기 위해 Touchable 구성 요소로 래핑해 보았습니다.

P粉148434742 2023-07-27 23:12:57 0  1  529

javascript - js 제어 요소 스타일에 대한 의심

{Code...} 위 코드에서 보는 바와 같이 1초마다 Slider_box가 왼쪽(1화면)으로 20%씩 슬라이드되는데, 문제는 100%로 슬라이드되면 더 이상 왼쪽으로 슬라이드할 수 없다는 것입니다. (더 이상 슬라이드하면 그림이 없습니다.)) 그러나 다른 플러그인에서 본 효과는 매초마다 Slider_box의 슬라이딩 변경이 -20%에서 0에서 -...라는 것입니다.

伊谢尔伦 2017-07-05 10:39:55 0  4  799

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

javascript - Chrome에서 제목 속성이 있는 요소의 팝업 프롬프트 상자 스타일을 수정할 수 있나요?

또한, 크롬에서 컨트롤을 슬라이드한 후 프롬프트 상자가 표시되지 않지만, IE나 Edge에서는 정상입니다. 이 문제를 해결하는 방법은 {code...}입니다. 슬라이딩 후

为情所困 2017-05-24 11:32:05 0  2  798