prostudy

Vuetify: carousel을 사용하여 컴포넌트를 표시합니다. 이 문제에 대한 응답은 다음과 같습니다. 문서에 슬롯이 없습니다.이 작업은 이미 수행할 수 있습니다. 누가 장난감의 예나 방법을 설명해 줄 수 있나요?명확하게 말하면 컴포넌트를 Import 하는 것입니다(예:A.vue, B.vue, C.vue를 다른 것(예:회전목마.vue)에서 해당 컴포넌트를 회전목마차에 표시합니다.다음과 같은 것들이 있습니다. 컴포넌트를 올바르게 포함하면 컴포넌트를 삽입하기만 하면 됩니다.v-carousel예. 또는 내부v-carousel-item또한. Hi 나는 알 수 없는 이유로 다운투표를 받았기 때문에 충분히 명확하지 않다고 추측하고, 상세한 설명이 뒤따른다. 만들기 위해서안에서 일하다내부 최상위 컴포넌트야 한다...

vuejs slick이 v-for와 함께 작동하지 않습니다. vue-module은 스태틱콘텐츠에서 정상적으로 동작하고 있습니다.하지만 사용자의 플레이리스트를 루프하려고 할 때.슬릭이 작동하지 않습니다. html 부품: Playlist Name 스크립트 부분: 나는 문서를 확인하고 사용하였습니다.this.$ref.slickone.reSlick()그래도 안 되네.저도 비슷한 문제가 있지만 상태를 한 번만 업데이트합니다.솔루션으로는 다음과 같습니다. beforeUpdate() { if (this.$refs.slick) { this.$refs.slick.destroy(); } }, updated() { this.$nextTick(function () { if (this.$refs.slick) { this.$re..

Firestore가 'onSnapshot() requires between 인수'를 슬로우합니다. 현재 사용자가 읽지 않은 메시지를 모두 방화벽에서 가져오려고 합니다.문제는 내 것이onSnapshot()는 다음 오류를 반환하지만 첫 번째 로드 시 필요한 값을 반환합니다.새 문서가 추가되면onSnapshot(이 에러가 발생한 후 )는 다시 기동하지 않습니다. Firebase Error:Query.onSnapshot() 함수에는 1~4개의 인수가 필요하지만 0개의 인수로 호출되었습니다. 현재 사용자가 읽지 않은 모든 메시지를 수신하는 도우미 기능입니다. async getUnseenMessagesCount() { const collectionRef = (await firestore()).collection(t..

파일에 대해 DragEnd 이벤트가 발생하지 않음 내 템플릿: drag me 내 js: export default { name: 'UploadComponent', methods: { log(str){ console.log(str) }, dragEntered(e){ // change some styles }, dropped(e){ console.log(e.dataTransfer.files) } } } 문제: P 요소를 끌어다 놓거나 이스케이프를 누르면 "끝"으로 기록됩니다.데스크톱에서 파일을 가져와 바탕화면에 다시 놓거나 이스케이프 또는 드롭을 누르면dragend이벤트는 발화하지 않고 아무것도 기록하지 않습니다.나는 아마 몇 년 늦었지만 아마 다른 누군가가 이것을 유용하게 여길 것이다. 드래그 스타트 및 ..

Bootstrap-vue 모달 3회 오픈 bootstrap-vue 패키지를 사용하고 있습니다.일부 컴포넌트에는 3개의 카드 플립 컴포넌트가 있습니다. 그리고 이 카드 플립 컴포넌트 안에는 3개의 다른 버튼이 표시됩니다.:order소품: Sprawdź ofertę1 Sprawdź ofertę2 Sprawdź ofertę3 나 이거 쓰고 있어template불필요한 div를 생성하지 않도록 구문을 지정합니다. 그리고 문제는 이 버튼 중 몇 개를 클릭하면 이전 버튼 위에 올바른 모달(modal)이 3번 열린다는 것입니다. 에 올바른 ID를 추가합니다.그 안에modal-*구성 요소들.이것은 각 모달은 카드 플립마다 1개씩 3회 렌더링되기 때문입니다.또한 다음 항목을 추가해야 합니다.v-if="order === '..

VueJs & Vuetify 프로젝트에서 Vee-Validate 3.x를 실행 VueJs - Vuetify 프로젝트에서 Vee Validate 3.x를 잠시 사용하려고 합니다.내가 오해하고 있는 건지 아니면 그 문서들이 너무 부정확한 건지... 여기 있습니다. main.discloss.main.discloss. import Vue from 'vue' import App from './App.vue' import vuetify from './plugins/vuetify'; import VueRouter from './routes'; import {ValidationProvider} from 'vee-validate'; import i18n from './i18n'; import { extend } from..

Vue: 동적 컴포넌트 Import 테스트 방법 이 심플한 Vue SFC는 프로펠러 값이 지정된 컴포넌트를 렌더링합니다. 테스트에서는 Import된 컴포넌트가 렌더링되고 있는지 확인만 하면 됩니다.지금까지의 테스트 파일은 다음과 같습니다. import { createLocalVue, shallowMount } from '@vue/test-utils' import SetupFlow from '@/components/ProfileSetup/SetupFlow' const localVue = createLocalVue() describe('SetupFlow.vue', () => { let propsData let stubs beforeEach(() => { propsData = { type: 'GMB', ste..

Vue 2에 css 파일을 포함하는 방법 나는 vue js에 처음 와서 이것을 배우려고 한다.시스템에 새 버전의 vue 웹 팩을 설치했습니다.HTML에 포함시키고 싶은 테마 템플릿의 css, js 및 이미지를 가지고 있기 때문에 에 추가해 보았습니다.index.html콘솔에 오류가 표시되며 자산이 추가되지 않습니다.검색하다가 알게 된 것은 이 기능을 사용할 수 있다는 것입니다.require에main.js파일입니다만, 다음의 에러가 표시됩니다. 내가 내 옷을 입어본 후main.js파일: // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf..

WebStorm에서 Bootstrap-Vue.js 지원에 대한 알 수 없는 html 태그 경고 WebStorm 2017.2.4와 Webpack Vue.js 프로젝트를 사용하고 있습니다.프로젝트에 bootstrap-vue.js를 추가했습니다.이 프로젝트에 대한 힌트와 컴포넌트 지원을 원합니다. 하지만 그 대신 "Unknown html tag" 경고가 표시되었습니다. BTW: bootstrap-vue는 프로젝트 실행 시 예상대로 작동합니다. 어떻게 하면 효과가 있을 것 같습니까?2019/07/30 갱신 PHPStorm(WebStorm)이 2019.2로 업데이트되어 vuejs 라이브러리에 대한 더 나은 지원이 추가되었습니다. https://blog.jetbrains.com/webstorm/2019/07/web..

Trix HTMLSanitizer를 재정의하여 클래스에서 스판 태그를 허용하는 방법 trix 에디터에서 span 태그를 클래스와 함께 허용해야 합니다. span 태그를 추가할 수 있습니다. Trix.config.textAttributes.span = { tagName: "span", inheritable: true }; 하지만 나는 스팬으로 수업을 받을 수 없다. 그것은 여전히 트릭스에 의해 벗겨지고 있다.HTMLSanitizer인 것 같아요. 저도 한번 해봤는데 Trix.config.textAttributes.span = { tagName: "span", inheritable: true, parser: false }; //and Trix.config.textAttributes.span = { tagNa..