c10106

VueJ의 구성 요소 템플릿에서 Vuetify 대화 상자 열기s VueJS Vuetify 프레임워크를 사용하고 있는데 다른 템플릿에서 구성 요소 템플릿으로 가져오는 대화 상자를 열어야 해.App.vue의 Menu 버튼을 클릭하면 Modal이 열려야 한다.다음은 내 설정이다. App.vue = 메뉴 단추가 있는 탐색 템플릿 Modal.vue = modal 템플릿, main.js에서 전역으로 가져오기 main.js. import Modal from './components/Modal.vue' Vue.component('modal', Modal) Modal.vue 템플릿: Open Dialog Use Google's location service? Let Google help apps determine loc..

Vuejs v-select에서 개체의 속성에 액세스하는 방법 나의 사용 케이스. 백엔드 api에서 여러 개의 개체를 받았어. 나는 그 물건들을 렌더링 하기를 원한다.v-select 이건 내 암호야 하지만 그것은 나에게 결과물을 준다. 하지만 객체 이름 속성이 v-select 우리는 바닐라 부에즈로 이것을 할 것이다. {{cat.name}} 하지만 여기서 부시는 우리가 할 수 없다. :items="categories.name" Vuetify 설명서 객체 배열 또는 문자열 배열일 수 있음.객체를 사용할 때 텍스트 및 값 필드를 찾으십시오.이것은 아이템 텍스트와 아이템 가치 소품을 사용하여 변경할 수 있다. 그들이 실제로 무엇을 의미하는지item-text그리고item-value다음을 사용하여 이 작업을 수행하..

Vuetify 내에서 여백 및 패딩 제거 그래서 나는 Vuetify와 Front End 개발은 처음이라 내 질문이 단순하거나 어쩌면 너무 막연하다면 미안해. 넛츠와 뷔에티파이(Vuetify)로 웹사이트를 만들려고 하는데, 페이지 가장자리 둘레에 있는 패딩을 제거하는 데 문제가 있다.나는 Vuetify 내에서 유체와 같은 다른 요소들을 사용하려고 시도했고, 컨테이너 css 코드를 찾고 변경하려고 시도했다(실제로 내가 발견했다는 확신이 들지 않는다), Stack Overflow나 Vuetify Github에서 발견한 것에 대해 거의 모든 것을 시도했지만, 나에게는 아무 것도 효과가 없다. 여백과 패딩을 측면에 남기지 말고 컨테이너가 페이지 전체를 차지하도록 하는 방법에 대해 조언해 줄 사람 있어?지난 이틀 ..

파일 업로드(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..

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

중앙 항목을 v-Flex로 시각화 A의 중심을 잡으려고 한다.a로.이후flexbox div, I usejustify-center로 변형된. justify-content: center 내 방향이 수평이기 때문에 단추가 가운데 정렬되어야 하는데 안 맞네.여기 내 문제를 재현하는 코데펜이 있다. https://codepen.io/anon/pen/ZXLzex div(v-flex) 안쪽 중앙에 버튼을 등록하고 싶다. 다음은 전체 코드: Signup 단추를 안으로 싸다 Signup Dev는 그것을 예시에 사용한다. 단추의 중앙 집중화용v-card-actions우리는 추가할 수 있다.class="justify-center"(v2 클래스의 참고는text-center(따라서 없는)xs): Signup 코데펜 센터링과 관..

Vuetify : 스로틀/차단 v-autocomplete 원격 데이터와 함께 Vuetify 자동 완성 기능을 사용하고 있는데 API 호출을 제한/해제하고 싶다(500ms 동안 사용자가 자동 완성에서 텍스트를 입력할 때 API를 호출하십시오).내가 어떻게 그럴 수 있을까? Stack OverFlow라는 게시물이debounce-search속성, 하지만 내게는 효과가 없었고, 이 속성에 대한 어떤 Vuetify 문서도 보지 못했다.API 호출을 하는 기능에 디버깅을 추가할 수 있다.신규 통화가 지연되고 보류 중인 모든 통화를 취소하는 등 디베이트가 및 와 함께 이행될 수 있다. methods: { fetchEntriesDebounced() { // cancel pending call clearTimeout(t..

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' 자세한 내용은 이 시각적 그..