cyworld

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

데이터 테이블에서 "사용자 정의 필터" 프로펠러를 시각적으로 사용하는 방법또는 헤더로 필터링할 사용자 정의 필터를 만드는 방법 게시일 현재 데이터 테이블에서 "사용자 정의 필터" 소품을 사용할 수 있는 문서를 찾을 수 없다. 머리글별로 데이터 테이블을 필터링하는 사용자 정의 필터를 생성하려는 경우드롭다운이 있는데 사용자가 드롭다운 옵션 중 하나를 클릭하면 특정 헤더에 대한 목록이 필터링된다. 예: 드롭다운 옵션:식품 종류: 과일, 고기, 야채 박초 (채소) 돼지고기(고기) 닭 허벅지(고기) 수박(과일) 내가 드롭 다운을 고기로 선택하면 돼지고기와 닭 허벅지만 보여줘야 해.기투브에1 있는 코드를 보니, 마치 그 암호처럼 보인다.customFilterprop은 다음을 결정하는 데 사용되는 기본 방법을 덮어쓰..

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

v-on="의 기능VueJS에서 구문 의미? 활성화기라는 범위 슬롯이 있는 v-dialog 구성 요소에 대한 Vuetify 예제를 다음과 같이 정의하게 되었다. Click Me VueJS 문서로부터 슬롯의 범위 설정의 목적과 슬롯 소품을 파괴하는 개념은 이해하지만, 그 의미가 무엇인지 모르겠다.v-on="on"이 예에서는특히 이벤트가 지정되지 않은 경우 무엇을 의미v-on지시적인가? 의 VueJS 문서에는 명시적으로 지정된 이벤트 이름과 함께 사용량만 표시된다(예: v-on:click="...") 그러나 그것을 단지 로 사용하는 것에 대한 설명은 없다.v-on="...". 누가 이 구문과 그것의 용법을 Vuetify 예에서 설명할 수 있는가?TLDR: 기본 용법 ] 그래서 기본적으로@click="..."..

데이터 테이블에서 "사용자 정의 필터" 프로펠러를 시각적으로 사용하는 방법또는 헤더로 필터링할 사용자 정의 필터를 만드는 방법 게시일 현재 데이터 테이블에서 "사용자 정의 필터" 소품을 사용할 수 있는 문서를 찾을 수 없다. 머리글별로 데이터 테이블을 필터링하는 사용자 정의 필터를 생성하려는 경우드롭다운이 있는데 사용자가 드롭다운 옵션 중 하나를 클릭하면 특정 헤더에 대한 목록이 필터링된다. 예: 드롭다운 옵션:식품 종류: 과일, 고기, 야채 박초 (채소) 돼지고기(고기) 닭 허벅지(고기) 수박(과일) 내가 드롭 다운을 고기로 선택하면 돼지고기와 닭 허벅지만 보여줘야 해.기투브에1 있는 코드를 보니, 마치 그 암호처럼 보인다.customFilterprop은 다음을 결정하는 데 사용되는 기본 방법을 덮어쓰..

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

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 아이콘이 표시되지 않음 나는 사용하고 있다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..

Vuetify 양식 검증 재설정 v-dialog에서 vuetify validation을 재설정하는 데 문제가 있음. 이 코데펜은 내가 가지고 있는 것의 간결한 버전이다. https://codepen.io/yuukive/pen/BVqpEZ 만약 내가 한다면, 위의 코드를 가지고 (Open dialog --> SAVE button --> (Validation failed) --> CLOSE button --> Open dialog again) 내가 다시 대화 상자를 열었을 때 그것은 이미 유효하다... 사용자가 두 번째 열기 전에 유효성 검사를 재설정할 수 있는가? new Vue({ el: '#app', data: () => ({ dialog: false, emailRules: [v => !!v || 'Na..