cyworld

Vuetify에서 수직으로 컨텐츠 중앙 집중 Vuetify에서 컨텐츠를 수직으로 중앙에 배치할 수 있는 방법이 있는가? With thetext-xs-center도우미 클래스, 콘텐츠가 수평으로 중앙에 배치되는 경우: Hello API에서 나는 다음과 같은 다른 도우미 클래스를 테스트했다.align-content-center그러나 그 결과를 얻지 못했다.새 vuetify 버전 업데이트 v.2.x.x에서는 및 를 사용할 수 있다.수평 및 수직 정렬을 설정할 수 있는 옵션은 다음과 같다. PROPES:'start','center','end','baseline','stretch' PRPS:'start','center','end','space-around','space-between' 자세한 내용은 이 시각적 그..

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..

MD 크기의 장치에 대해서만 요소 표시 https://vuetifyjs.com/en/layout/display에 따르면, 당신은 특정 기기 크기나 범위가 위아래로 가는지 숨길 수 있다.그러나 md 크기의 장치에만 대해 div를 어떻게 표시하시겠습니까? hidden-lg-and-up hidden-sm-and-down효과가 없는 것 같군hidden-{x}-only또한 효과가 없는 것 같다.수업은 효과가 있어야 한다.class="hidden-lg-and-up hidden-sm-and-down" 아니면 당신은 사용할 수 있다.v-show="$vuetify.breakpoint.md" 예이것은 또한 다음과 같은 효과를 발휘해야 한다. class="d-none d-md-flex d-lg-none" 출처.참조URL: ..

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..

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

Vuetify 버튼의 텍스트 색상을 변경하는 방법 뭔가 분명한 것을 놓치고 있는 건지도 모르지만, 텍스트 색상을 바꾸는 적절한 방법을 알 수가 없다.v-btn. 이것은 효과가 있지만, 사용해야만 한다.!important이상적으로 보이지 않음: .v-btn color: red !important 그color소품은 내가 아는 한 배경색에 불과하다.그리고 전화할 때 1차/2차 테마를 바꿀 수 있을 것 같다.Vue.use(Vuetify, { theme: {...}} )하지만 단일 구성 요소를 재정의하려면 어떻게 해야 하는가?텍스트 색칠을 위한 css 수업은 어디서나 가능하며, 추가만 하면 된다.--text색채에 예를 들어 테마에 정의된 색상으로도 작동해야 한다(예: primary--text그리고 유사하다. 이는..

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

비활성화된 버튼에 Vuetify 도구 설명 표시 나는 Vuetify로 비활성화된 버튼에 툴팁을 표시하는데 어려움을 겪고 있다. 버튼이 활성화되면 툴팁이 표시될 수 있도록 확인했는데, 예상대로 작동한다.나는 이 질문이 연관되어 있다고 생각하지만, 나는 이것이 a에 적용되는지 알 만큼 충분히 숙달되어 있지 않다.v-btn. 사용자 지정 클래스를 만들어 특정 클래스에 추가하려고 시도했다.v-btn원소 하지만 난 운이 없었다. HTML 예제 toggle shopping_cart Programmatic tooltip JavaScript 예제 new Vue({ el: '#app', data () { return { show: false } } }) https://codepen.io/anon/pen/ZNqpOW?ed..

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

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