Vue 3에서 구성 요소 인스턴스에 대해 비응답 데이터를 설정하는 방법은 무엇입니까?

Vue2에도 비슷한 질문이 있었는데 $options를 사용하는 것이 좋습니다. 하지만 Vue3에서는 작동하지 않는 것 같습니다. 우선, Vue3 문서에는 $options가 읽기 전용이라고 나와 있습니다. 그래서 컴포넌트가 마운트된 인스턴스에서 툴팁을 초기화하려고 하면 매우 이상한 동작이 발생합니다. 툴팁이 표시되면 마지막으로 생성된 컴포넌트부터 표시되므로 $options가 어떻게든 "전역"인 것 같습니다. "? 툴팁을 데이터에 넣으면 모든 것이 잘 작동하지만 분명히 툴팁이 반응하지 않아야 합니다.

P粉973899567 2023-08-25 23:08:24 0  1  595

javascript - 사용자 아바타 바꾸기

사용자가 표시된 아바타를 변경할 수 있어야 한다는 요구 사항이 있습니다. 내 생각은 다음과 같습니다. 사용자가 먼저 아바타 이미지를 업로드하고 서버에서 아바타 이미지를 바꾼 다음 새로 고쳐 업데이트된 이미지를 표시합니다. 문제는 PHP 또는 Nodejs와 결합된 JS를 사용하여 서버에 이미지를 업로드하는 방법입니다.

ringa_lee 2017-05-16 13:03:32 0  3  690

목표-c - SDWebImage에서 네트워크 이미지를 로드할 때 표시되는 이미지의 크기를 조정하는 방법

그림과 같이: 이것은 6s 휴대폰의 스크린샷입니다. 너비 = 휴대폰 화면 너비, 높이 210의 UIImageView에 그를 넣었습니다. 이 사진은 네트워크 로딩을 통해 얻은 것입니다. 여기서는 SDWebImage를 사용합니다. 이제 사진이 더 좋아 보이길 원합니다. 내 생각은 이 사진을 자르는 것입니다...

滿天的星座 2017-05-02 09:29:09 0  1  842

리치 텍스트 편집기 - wangeditor+plupload+php는 로컬 이미지를 업로드하고 이미지는 평소대로 로드됩니다.

코드는 WangEditor 공식 문서에 있는 코드입니다. 네트워크 이미지 업로드에는 문제가 없으나, 로컬 이미지를 로드할 수 있는 방법은 없습니다. 스크린샷 업로드 및 업로드 페이지에 이미지 붙여넣기에는 문제가 없으나, 로컬에 업로드된 이미지 표시에 오류가 있습니다. html 코드로 업로드한 로컬 이미지의 src를 살펴보니 php 코드는 이렇습니다...

PHP中文网 2017-05-16 13:02:17 0  1  690

단일 그리드 또는 Flex를 사용하여 다양한 카드 레이아웃 만들기: 실용적인 가이드

그림과 같은 반응형 카드 레이아웃을 만들려고 합니다. 제가 현재 하고 있는 일은 컴퓨터, 태블릿, 모바일 기기용으로 별도의 레이아웃을 만드는 것입니다. 그런 다음 미디어 쿼리를 사용하여 다른 두 보기의 표시 속성을 display:none으로 설정했습니다. 예: 컴퓨터 보기에 있는 경우 컴퓨터의 카드 레이아웃에는 디스플레이가 "없음"으로 설정되지 않지만 다른 두 컴퓨터의 디스플레이는 없음으로 설정됩니다. 이는 효과가 있지만 중복이 많이 발생합니다. Flex 또는 Grid를 사용하여 세 가지 레이아웃을 모두 구현하는 ...

P粉808697471 2024-04-02 21:07:36 0  2  517

입력 필드가 콘텐츠를 완전히 표시할 만큼 충분히 넓은지 어떻게 확인할 수 있나요?

많은 열이 있는 테이블에서 Vuetify 텍스트 필드 구성 요소를 사용하고 있습니다. 구성 요소에 표시할 콘텐츠가 너무 많이 포함되어 있을 수 있으며, 사용자 경험 관점에서 필드 내에서 스크롤하여 콘텐츠를 검사하는 데 셀이 많으면 시간이 너무 오래 걸릴 수 있습니다. 순수 HTML 예제 Vuetify 예제 내 첫 번째 생각은(더 좋은 아이디어가 있으면 알려주시기 바랍니다) 전체 내용을 표시하는 도구 설명을 표시하는 것이었지만 구성 요소가 전체 내용을 표시할 수 있는 경우 이는 성가신 일입니다. 그래서 콘텐츠가 숨겨지거나 잘릴 때만 ...

P粉014218124 2023-09-02 22:36:56 0  2  571

새 제목: Vue를 사용하여 Firebase Cloud Storage Blob의 이미지 표시

나는 사용자가 제품 바코드를 스캔한 다음 표시할 제품 사진과 함께 제품에 대한 데이터를 반환하는 제품 조회 저장소를 구축 중입니다. 이제 테스트 목적으로 Firebase 버킷을 설정하고 이미지를 업로드했습니다. Firebase Storage API를 호출하여 이미지를 성공적으로 검색했지만 Vue 애플리케이션에 표시할 수 없는 것 같습니다. 예제에서는 순수 js와 html을 사용하므로 Firebase 문서에서 올바른 문서를 찾을 수 없는 것 같습니다. 이미지를 표시하는 내 코드: &l

P粉362071992 2024-02-21 11:30:43 0  2  456

javascript - WeChat jssdk로 사진을 찍은 후 미리 볼 수 없는 이유는 무엇입니까?

WeChat 인터페이스 chooseimg를 호출하면 성공한 콜백 함수에서 WeChat에 따르면 선택한 사진의 로컬 ID 목록에 있는 각 ID가 꺼내져 표시된 이미지의 src로 사용되지만 실제로는 모든 ID가 반환되었습니다. 그런데 HTML로 넣으면 이미지 {code...

黄舟 2017-05-19 10:35:02 0  1  714

대화형 Ruby가 줄을 줄바꿈하면 문자가 엉망이 됩니다.

Win10에서는 irb를 사용하여 CMD에 코드를 입력할 때 코드 길이가 CMD 너비를 초과하면 문자가 깨져서 표시됩니다. 다음은 내가 입력한 코드 내용입니다. {code...} 그리고 다음은 잘못 배치된 문자의 스크린샷입니다. powershell에는 그러한 문제가 없습니다. 정말 못찾겠다...

我想大声告诉你 2017-04-24 16:00:17 0  1  862

javascript - 실제 개발에서 클로저를 사용하는 방법은 무엇입니까?

영상에서 클로저 기능에 대한 설명을 본 후에도 이해가 되지 않습니다. 예를 들어 스크린샷의 코드는 cmp 함수에 passline 매개변수를 추가하여 구현할 수 있습니다. 폐쇄의 역할을 더 잘 설명할 수 있는 사람은 누구입니까?

PHPz 2017-05-16 13:35:00 0  9  960

목표 - C 자르기 이미지

예를 들어, 위와 같은 그림이 있는데, 세 개의 빨간색 영역을 잘라서 세 개의 새로운 그림으로 바꾸고 이를 새로운 UIImage 객체로 변환하거나 사진 앨범에 저장하고 싶습니다. 더 쉬워지나요? (빨간색 프레임은 데모용으로만 사용되며 실제 사진에는 빨간색 프레임 표시가 눈에 띄지 않습니다.)

给我你的怀抱 2017-05-31 10:32:03 0  1  730

VueJs 및 Apexcharts를 사용하여 여러 브러시 차트 만들기

apexcharts를 사용하여 브러시 차트를 만드는 응용 프로그램을 개발 중입니다. 그러나 예제에 표시된 것처럼 내 브러시가 하나가 아닌 여러 차트를 제어할 수 있기를 바랍니다. 콜백 함수 사용을 시작하기 전에 라이브러리를 통해 이를 달성할 수 있는 쉬운 방법이 있는지 알고 싶습니다. 예를 들어 대상 배열을 전달하는 것입니다. Brush:{target:'chart2',enabled:true}, 감사합니다. 미리,

P粉470645222 2023-08-26 20:17:05 0  1  566

화면 크기에 맞는 버튼 만들기 - 배경 이미지 사용법에 대한 자세한 설명

여러 그래픽을 나란히 표시하고 장치 화면 크기에 맞게 조정해야 하는 pfsensecaptiveportal을 개발 중입니다. 이는 이미지 입력 ​​유형을 사용하여 훌륭하게 달성할 수 있습니다. 그러나 pfsense 장치는 이 커밋을 올바르게 인식하지 못합니다. 작동하려면 "계속" 값을 가진 커밋 유형이 필요합니다. 대신 배경 이미지를 사용해 보았지만 배경 이미지의 크기가 조정되지 않습니다. 화면이 작아지면 전체 크기로 나타나고 잘립니다. 배경 이미지 크기를 조정하려면 어떻게 해야 합니까? #content{글꼴-가족

P粉345302753 2023-08-16 13:38:12 0  1  631

Chromium 기반 브라우저에서 픽셀화된 배경 이미지를 수정하는 방법은 무엇입니까?

Chromium 기반 브라우저에서 배경 이미지로 사용되는 축소 이미지는 픽셀화되어 <img> 태그를 사용하여 표시할 때 흐리게 보입니다. 배경 이미지의 렌더링 스타일을 라벨에 표시되는 것처럼 변경하는 방법이 있나요? 이미지 렌더링 속성을 시도했지만 배경 이미지에서는 작동하지 않는 것 같습니다. Firefox에서는 괜찮아 보입니다. Brave의 렌더링 예, 왼쪽 배경 이미지,

P粉549412038 2024-03-19 21:10:42 0  1  400

flex CSS - 래핑 대신 특정 높이 이후의 클립 요소

테두리는 정적 높이와 너비를 나타냅니다. 항목 5와 6을 두 번째 줄에 두고 그림과 같이 세 번째로 포장하는 대신 항목 3과 6을 잘라내기를 원합니다. Flex를 사용하여 어떻게 이를 달성할 수 있나요? 이 문제를 보완하기 위해 테두리와 함께 표시되는 컨테이너의 너비는 사용자 작업에 따라 크기가 조정될 수 있습니다. 넓을 때. 예를 들어, 너비가 4개 요소를 수용할 수 있을 만큼 넓으면 첫 번째 행에 4개 요소를 모두 표시하고 두 번째 행에 나머지 요소를 표시합니다. 컨테이너의 너비를 축소할 때 아래 이미지에 표시된 것처럼 최대 2...

P粉785957729 2024-04-01 14:02:02 0  1  518

Chartjs 범례를 true로 설정한 후에도 여전히 표시되지 않습니다.

저는 ChartJS를 처음 접했고 도넛 차트에 레이블을 표시하는 방법을 찾고 있습니다. 옵션에서 범례의 가시성을 true로 설정하려고 시도했지만 여전히 작동하지 않습니다. vardata=[{data:[successfulBuildsCount,failureBuildsCount],labels:["success","failure"], backgroundColor:["green",&quot

P粉595605759 2023-09-14 18:38:17 0  1  569

태그를 사용하여 VEGA에서 직접 레이아웃 강제하기

각 노드에 대한 레이블을 표시하는 강제 지정 레이아웃을 사용하여 VEGA에서 네트워크 다이어그램을 만들려고 합니다. 이 질문에는 가능한 접근 방식이 언급되어 있습니다. Vega 편집기를 참조하면 레이블이 존재하지만 일부 중복되고 시각적으로 어수선한 문제가 있음을 관찰할 수 있습니다. 그래서 노드 위로 마우스를 가져갈 때 레이블이 표시되고 다이어그램에서 강조 표시되고 고정된 상태로 유지되는 이 예와 비슷한 것을 달성할 수 있는지 궁금했습니다. "텍스트" 필드에 몇 가지 변경을 시도했지만 그보다 더 복잡할 수도 있습니...

P粉882357979 2024-02-26 18:46:59 0  2  421

Laravel: 리디렉션 상태 메시지에 인증된 사용자 이름 표시

사용자가 로그인하고 애플리케이션이 사용자를 해당 페이지로 리디렉션할 때 인증된 사용자 이름을 포함하고 싶습니다. 이 특정 예에서 사용자는 인증된 홈페이지로 리디렉션되고 상태 메시지에는 "{{Name}} 님, 다시 오신 것을 환영합니다"라고 표시되어야 합니다. 현재 메시지에는 실제 값 대신 코드가 표시됩니다. 나는 다음을 시도했습니다: publicfunctionauthenticated(){if(Auth::user()->role_as=='1')//Admin=1{returnredirect

P粉377412096 2023-09-16 13:45:05 0  2  868

표에 있는 모든 도서 카테고리의 전체 목록을 어떻게 얻을 수 있나요?

나는 다음과 같은 "Books" 테이블을 가지고 있습니다. 저는 모든 책이 나열되어 있는 SpringBoot 애플리케이션을 만들려고 노력하고 있지만 카테고리별로 필터링할 수 있습니다. 이를 위해 사용자가 원하는 카테고리를 클릭할 수 있도록 각 카테고리의 목록을 표시하고 싶습니다. 이 카테고리의 목록을 얻는 더 좋은 방법은 무엇입니까? 예를 들어 위 그림의 경우 XXX(한 번만) YYYZZZ와 같은 목록을 표시하고 싶습니다.

P粉681400307 2024-03-28 19:11:27 0  1  373

웹 애플리케이션에 버전 정보를 표시하는 모범 사례는 무엇입니까?

웹 애플리케이션을 개발 중입니다. 웹 애플리케이션에 버전 정보를 표시하는 모범 사례는 무엇입니까? 저는 semantic versioning을 사용하고 있고 이미 1.2.0과 같은 semver를 가지고 있는데 이를 표시하는 가장 좋은 방법과 관리 방법이 무엇인지 궁금합니다. 내가 생각하는 것: 버전을 "버전" 파일에 저장하는 것입니다. 앱이 시작되면 버전 파일에서 콘텐츠를 읽고 정보 탭의 버전 필드에 표시됩니다. 이 접근 방식이 합리적인가요? 이를 수행하는 방법에 대한 jsfiddle 또는 codepen의 예가 있습...

P粉323374878 2024-04-06 19:13:16 0  2  721