c10106

'슬롯 액티베이터'는 시각화에서 어떻게 작동하는가? 나는 미리 정의된 템플릿 '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 ..

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

Vuetify에서 사용자 지정 테마를 사용하고 색 변수를 구성 요소에 전달 나의index.js파일 수동으로 Vuetify를 재정의함theme회사 색상으로 반대: Vue.use(Vuetify, { theme: { primary: '#377ef9', secondary: '#1b3e70', accent: '#ff643d', error: '#ff643d' ... } 이제 내 템플릿에서 다음과 같은 색상을 사용할 수 있다. 내가 쫓는 건 그 기계를 사용하는 거야primary또는 의 다른 변수theme위에서 정의한 객체, 내 템플릿 스타일 내부: 스타일 섹션에 내 색의 육각값만 쉽게 쓸 수 있지만, 나는 내 자신을 반복하고 싶지 않고 오히려 내 것을 사용하고 싶다.theme그래서 내가 모든 곳에서 쉽게 색을 바꿀 ..

사용 중지 경고:태핑 가능.플러그인이 더 이상 사용되지 않음..hooks에 새 API를 대신 사용 Vuetify VueJS Cordova 예제를 실행하려고 했지만 이후에 오류가 발생함npm run dev 노드 빌드/dev-server.js 개발 서버를 시작하는 중...(node:1024) 사용 중지 경고:태핑 가능.플러그인이 더 이상 사용되지 않음.새 API 사용.hooks대신 (node:1024) 사용 중지 경고:tapable.apply는 더 이상 사용되지 않음대신 플러그인에 직접 호출 적용 어떻게 고칠까?나는 이미 NPM 패키지를 모두 업데이트했지만, 도움이 되지 않았다.웹팩 4 이상에서는 이러한 경고를 유발할 수 있는 플러그인이 여러 개 있는데, 이들은 여전히 이전 플러그인 API를 사용하고 있기 ..

vuetify.js v-property의 전체 너비를 얻는 방법 처음 해 본다vuetify.js그리고 그것을 가지고 놀기 시작했다. 이건 내 암호야 관리자 패널.부에를 하다 사용자 생성부에를 하다 form 여기서 나는 볼 수 있다.v-container요소는 전체 너비를 사용할 수 있게 한다.내가 원하는 것은 나의 것이다.v-container동일한 너비를 얻기 위해 작성 사용자 구성요소 내부. (노란색은 사라지고 빨간색은 화면을 채운다) 이걸 어떻게 해?사용fluid받침대: 코디펜.마진 및 패딩 클래스/프로포즈를 사용해 보셨습니까? 또는 전체 화면이 모바일 기기 전용인 경우나도 같은 문제를 겪고 있었어. 나는 내 예에서 내가 어떤 것을 가지고 있다는 것을 깨달았다.상위 및 하위 페이지에 모두 표시됨.그앱이..

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

vuetify 아이콘이 표시되지 않음 나는 사용하고 있다vue.js그리고vuetify. 아이콘을 추가하고 싶은데 예상대로 작동하지 않는다(렌더링되지 않음). 어떻게 하면 고칠 수 있을까? 다음 코드를 참조하십시오. main.js. import Vue from 'vue' import Vuetify from "vuetify"; import "vuetify/dist/vuetify.min.css"; Vue.use(Vuetify); 인덱스.포인트 달력부에를 하다 keyboard_arrow_down 나는 그것이 코드가 아니라 아이콘처럼 보이길 원한다. Vue CLI 3을 사용하면 src 폴더에 index.html을 사용할 수 없으므로 대신 npm install --save material-design-icons-i..

Vue/Vuetify - 알 수 없는 사용자 지정 요소: - 구성 요소를 올바르게 등록하셨습니까? 나는 Vue와 Vuetify를 처음 본다.나는 두 가지 모두를 확인하기 위해 빠른 앱을 만들었어.그러나 나는 처음에 문제에 부딪쳤다.문서에 설명된 모든 단계를 따르더라도 vue는 부호화 구성요소를 식별하지 못한다.오류는 다음과 같다. vue.runtime.esm.js?ff9b:587 [Vue warn]:알 수 없는 사용자 지정 요소: - 구성 요소를 올바르게 등록하셨습니까?재귀 구성 요소의 경우 "이름" 옵션을 제공하십시오. 에서 발견되다. --> src\App에서.부에를 하다 샌드박스 https://codesandbox.io/s/40rqnl8kw에서 전체 코드에 액세스할 수 있다.작업 순서에 문제가 있을 ..

Vuetify v-btn 및 Vue 라우터를 사용하여 새 창에서 링크 열기 Vue Router의 최근 버전에서는 새 탭에서 링크를 열 수 있음(예: 다음) Link Text 정확하게 렌더링하다. 그러나 뷔에티파(Vuetify)와 같은 것은 통하지 않는 것 같다.v-btn예를 들어, 아이콘을 사용하려는 경우 라우터 경로를 지원한다. window Link Text 구성 요소 렌더링에도 불구하고거기에는 없다target="_blank"기여하다어떻게 하면 이 일을 해낼 수 있을까?다음 코드 조각 시도 window Link Text Vuetify 버튼 API만약 당신이 반드시 "http"로 시작하는 모든 것에 일치하는 Vue 기본 경로를 사용하여 ":to" 바인딩을 사용해야 한다면 가능한 해결책이 있다.이 규칙을 ..

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