c10106

Vuetify Data Iterator + Data 테이블의 페이지당 행 항목 이해, 기본 페이지를 설정할 수 있는가? 데이터 테이블용 Vuetify 문서 및 Data Iterator용 문서에서 관리되지 않음rows-per-page-items사용법과 그 선택사항들을 지지하고, 다른 장소에서 어떠한 설명도 찾을 수 없다. 구체적으로, 내가 알고 싶은 것은 페이지당 선택된 행의 양을 선택한 첫 번째 값이 아닌 기본값으로 설정하기 위해 언급된 소자를 사용할 수 있는지 여부다. 예를 들어 드롭다운 선택: Items per page: 10 [20] -> Selected by default 30 40 내가 할 수 있다는 것을 안다: Items per page: [20] -> First, so will be sele..

'슬롯 액티베이터'는 시각화에서 어떻게 작동하는가? 나는 미리 정의된 템플릿 'Google 연락처'를 사용하고 있다. 링크: https://vuetifyjs.com/en/examples/layouts/googleContacts 나는 Vuetify에 처음 들어왔고 코드를 이해하는 데 어려움을 겪고 있다.하나는 '슬롯 액티베이터'이다. 샘플 코드: {{ item.text }} '슬롯 액티베이터'가 어떻게 작동하는지 말해줄 사람?Vue 구성 요소를 선언할 때 Vuetify가 아닌 Vue 기본 기능인 명명된 슬롯을 생성할 수 있다. 예를 들어, 우리가 만약app-layout다음 템플릿이 있는 구성 요소: 상위 마크업: Here might be a page title A paragraph for the main ..

Nuxt TTFB 향상 나는 Nuxt와 Vuetify를 이용하여 큰 어플리케이션을 만들고 있어, 모든 것이 잘 되고 잘 작동하지만 안타깝게도 Lighthouse의 점수는 42점 만으로 최고가 아니야. 나는 이미 다음과 같은 몇 가지를 개선했다. 구글에서 더 나은 글꼴 로딩; 비동기 코드 이동 위치nuxtServerInit레이아웃에 따라, 불필요한 타사 서비스 제거. 42번에서 54번까지 갔지만 아직도 결과가 별로 마음에 들지 않는다. 불행히도 나는 지식이 부족하기 때문에 이런 개선들을 하는데 최고가 아니다. 알겠다TTFB전혀 최적이진 않지만 난 내가 무엇을 개선할 수 있는지 잘 모르겠어...그러니 힌트와 제안으로 내 지원서를 활성화할 수 있도록 도와주길 바란다. 여기에 내 것을 붙일 것이다.nuxt.co..

구성 요소에서 "vuetify" 전환을 사용하는 방법 나는 프로젝트에 Vuetifyjs 라이브러리를 사용하고 있다.구성 요소에 전환을 추가하고 싶지만 전환을 시작하는 방법에 대한 설명서가 없다. 예를 들어, 나는 화면에 있는 내 카드의 모양에 몇 가지 전환을 추가하고 싶다. ... 전환을 시작하는 방법이렇게 하면 전환 시 일부 카드 텍스트가 포장된다.v-show="show" 모델을 true로 트리거하면 텍스트가 슬라이딩된다. Example text 버튼이 트리거하도록 하거나 구성 요소가 로드된 후 프로그램을 true로 트리거하는 onCreate() 메서드를 추가할 수도 있다.라우터 뷰에서 Vuetify 전환을 사용하는 경우, 전환이 때때로 종료/입력 시 방해될 수 있다. 전환이 더 부드럽게 보이도록 하려..

v-data-table에 클릭 이벤트를 추가하는 방법 테이블 행을 클릭하면 editItem 함수를 호출하고 싶다.현재 내가 테이블 행을 클릭해도 세부사항 페이지가 표시되지 않는 경우.그러나 이 클릭 이벤트를 특정 테이블 데이터에 넣으면 editItem 함수가 호출된다.어떻게 하면 테이블 행 자체에서 이 같은 기능을 호출할 수 있을까? 여기 내 코드에서 v-data-table 템플릿과 슬롯을 사용해 보고 클릭 이벤트를 행에 포함했지만 둘 다 작동하지 않는다. {{ props.item.member }} {{ props.item[1] }} {{ props.item[2] }} {{ props.item[3] }} {{ props.item[4] }} {{ props.item[5] }} {{ props.item[6]..

파일 업로드(vuetify) 닫혔어. 이 질문은 더 많은 것이 필요해.집중적인그것은 현재 답을 받아들이고 있지 않다. 이 문제를 개선하고 싶으십니까?이 게시물을 편집하여 한 가지 문제에 초점을 맞추도록 질문을 업데이트하십시오. 2년 전에 문을 닫았다. 이 질문 개선 나는 Vue.js의 프런트엔드에 Vuetify.js 구성 요소를 사용하고 있는데 파일 업로드가 있는 사용자 등록 양식을 만들고 싶다.다음을 사용하여 폼을 만들 수 있다.v-text-field(Vuetify 구성 요소). 선택한 파일(입력)을 업로드하려면 어떻게 해야 하는가? 어떤 구성 요소를 사용해야 하는지 아니면 다른 방법이 있는지요? Vue JS는 오늘까지 파일 입력 기능이 없으므로 v-text-field를 이미지 입력 필드처럼 작동하도록..

vue의 형식 지정 - 속성 'validate'가 'Vue | 요소 | 부[] | 요소[]'에 존재하지 않음 내가 만들었다v-form이것처럼. ... submit 스크립트: if (this.$refs.form.validate()) // Error is in here 내가 만약console.log(this.$ref.form)유효성 검사 함수를 사용할 수 있다.그런데 왜 건축하는 동안 이런 오류가 발생하는가?솔루션: 단순: (this.$refs.form as Vue & { validate: () => boolean }).validate() 대안(구성 요소에서 여러 번 참조할 경우 사용): computed: { form(): Vue & { validate: () => boolean } { return this..

Vuetify 데이터 테이블 날짜 열을 포맷하는 방법? 나는 Vuetify 데이터 테이블을 사용하는 간단한 데이터 테이블을 가지고 있다.칼럼 중 하나는 a이다.createdOn(날짜 시간), 포맷하고 싶다.어떻게 하면 좋을까? 이제 알겠다 a를 사용해야 함: {{ new Date(item.createdOn).toLocaleString() }} 나는 동적 슬롯 이름과 헤더 객체의 함수를 사용하여 셀 값을 포맷하는 방법을 알아냈다. 에서나는 다음과 같이 했다. {{ header.formatter(value) }} 그리고 나중에.data내가 한 속성: headers: [ ... { text: 'Value for example', value: '10000', formatter: formatCurrency }, ..

파일 업로드(vuetify) 닫혔어. 이 질문은 더 많은 것이 필요해.집중적인그것은 현재 답을 받아들이고 있지 않다. 이 문제를 개선하고 싶으십니까?이 게시물을 편집하여 한 가지 문제에 초점을 맞추도록 질문을 업데이트하십시오. 2년 전에 문을 닫았다. 이 질문 개선 나는 Vue.js의 프런트엔드에 Vuetify.js 구성 요소를 사용하고 있는데 파일 업로드가 있는 사용자 등록 양식을 만들고 싶다.다음을 사용하여 폼을 만들 수 있다.v-text-field(Vuetify 구성 요소). 선택한 파일(입력)을 업로드하려면 어떻게 해야 하는가? 어떤 구성 요소를 사용해야 하는지 아니면 다른 방법이 있는지요? Vue JS는 오늘까지 파일 입력 기능이 없으므로 v-text-field를 이미지 입력 필드처럼 작동하도록..

사용 중지 경고:태핑 가능.플러그인이 더 이상 사용되지 않음..hooks에 새 API를 대신 사용 Vuetify VueJS Cordova 예제를 실행하려고 했지만 이후에 오류가 발생함npm run dev 노드 빌드/dev-server.js 개발 서버를 시작하는 중... 사용 경고 (node:1024) 사사추세츠 주(州) 지만 지고: 태피블(태핑 가 가.은 더 사용되지 않는다플러그인이 더 이상 사용되지 않음.새 API 에서 새 .hooks Warning:maude(node:1024) approperty.tapable.appy는 applugin에 하며, 대신 approgramme은 approprogrammed on 에 적용한다. 어떻게 고칠까?나는 이미 NPM 패키지를 모두 업데이트했지만, 도움이 되지 않았..