cyworld

Vue.js에게 소품을 넘겨주는 거? 부모 컴포넌트에서 자녀 컴포넌트로 소품을 전달하고 싶습니다.저의 소품은tid. 부모 컴포넌트는 다음과 같습니다. 하위 구성 요소는 다음과 같습니다. 감시자에 관한 문서 (Cant test 코드를 테스트합니다만, 이해하실 수 있습니다.)상위 구성 요소에서 이 코드 스니펫을 시도합니다. 그러면 하위 구성 요소 코드는 다음과 같습니다. 부모 스크립트 섹션은 다음과 같습니다. import Library from "./library"; import Http from '../../services/http/httpService'; export default { components: {Library}, name: "interactive", data() { return { track..

VueJS vue-spinner 속성 또는 메서드 "로드"가 정의되지 않았습니다. 안녕하세요 셋업을 시도하고 있는데 다음 오류가 나타납니다. vue.esm.js:591 [Vue warn] :속성 또는 메서드 "loading"은 인스턴스에서 정의되지 않지만 렌더링 중에 참조됩니다.속성을 초기화하여 데이터 옵션 또는 클래스 기반 구성 요소에서 이 속성이 반응하는지 확인하십시오. 이것이 저의 주요 JS(app.js)입니다. import Vue from 'vue'; import App from './App.vue' import axios from 'axios' import router from './router' import store from './vuex/store'; import PulseLoader fr..

테스트에서 vue.js 전환을 비활성화하려면 어떻게 해야 합니까? vue.js 컴포넌트를 사용하여숨김/표시할 요소를 선택합니다. 테스트 속도를 높이기 위해 애니메이션을 해제하고 싶습니다.내가 어떻게 그럴 수 있을까? * { transition: none !important }https://github.com/vuejs/vue/issues/463 를 추천합니다만, 그 차이는 없는 것 같습니다. 여기에 바이올린을 만들었습니다.https://jsfiddle.net/z11fe07p/2268/ "test"를 실행하면 마지막 출력은 "3"입니다.표시는 "없음"이어야 합니다. 즉, "블록"입니다.타임아웃을 100으로 늘리거나"3"의 예상 출력을 얻을 수 있습니다.디스플레이는 "없음"이어야 합니다. 즉, "없음"입니다..

vue-로 경로 변경 나는 가지고 있다단, 다음과 같은 동작을 vue-material 탭에서 수행해야 합니다.루트를 바꿀 수 있는 방법은href = "" 어떻게 해야 하나? vue.js, vue-router를 사용하여 vue-material로 경로와 스타일을 제어합니다.를 추가할 수 있습니다.@click.native수동으로 루트에 푸시하기 위한 핸들러(컴포넌트에는 다음 컴포넌트가 없기 때문에 수식자가 필요)click이벤트): 다음은 Vue Router를 사용한 프로그래밍 탐색에 대한 문서입니다.내 코드를 봐. 나는 라우터로 이동하여 언급된 컴포넌트 이름의 경로를 확인하는 방법을 구현했습니다. 쉽게 아이디어를 얻을 수 있습니다. {{ picture.comment }} add 뭔가 재치 있는 것을 얻길 바라..

key.charAt는 createLocalVue()의 함수 오류가 아닙니다. createLocalVue 함수를 사용하면 TypeError: key.charAt는 함수가 아닙니다.흥미로운 점은 모든 컴포넌트 테스트에서 localVue를 사용하는 동안 일부 컴포넌트의 경우만 입력된다는 것입니다.테스트 코드 예를 다음에 나타냅니다. import assign from 'lodash/assign' import { mount, createLocalVue } from '@vue/test-utils' import filters from '@/filters' import { DateUtils } from '@/filters/date-utils' import TaskCard from '@/components/molecul..

JEST @vue/composition-api + Jest 테스트 스위트를 실행하지 못했습니다.[ vue - composition - api ]는 Vue . use ( Vue Composition )를 호출해야 합니다.API) 사용 전 저는 Vue 2를 쓰고@vue/composition-api플러그 인. Jest 테스트를 생성했지만 오류로 인해 테스트가 실패했습니다. Test suite failed to run [vue-composition-api] must call Vue.use(VueCompositionAPI) before using any function. 1 | import { ref } from '@vue/composition-api'; 2 | > 3 | const showSidebar = re..

chartData 치환, 갱신 시 vue.js vue-chartjs 차트가 갱신되지 않음 vue-chartjs로 vue를 작성하려고 합니다.chartData prop 업데이트 시 차트 재렌더에 관한 모든 관련 문서를 준수했습니다.내 차트는 브라우저 창의 크기를 조정한 후에만 업데이트됩니다. parenttestchart.vue 파일: Chart datacollection update test This component demonstrates fetching data from the server. Loading... 이는 상위 vue 내의 데이터 선택을 선택하고 변경하는 데 도움이 됩니다.차트가 다시 렌더링되지 않더라도 창의 크기를 조정하지 않는 한.parent test chart의 경우.vue는 처음에 로..

구성 요소를 기존 Vue.js 인스턴스에 등록합니다. Vue.js는 처음입니다. 여기에 설명된 대로 로컬 구성 요소를 등록하고 싶습니다. https://vuejs.org/v2/guide/components.html#Local-Registration 유일한 문제는 다음과 같은 새 인스턴스를 생성할 때 구성 요소를 기존 Vue 인스턴스에 등록하지 않아도 된다는 것입니다. const app = new Vue({ el: '#app' }); app.component({ 'my-component': { template: 'A custom component!' } }); Vue.extend를 사용해 봤지만 동작하지 않습니다. 편집: 이것이 필요한 이유: 저는 그 부품을 포함하는 서드파티 패키지를 만들고 있습니다.이 ..

vuej에서 데이터 및 방법 단순화 여기서 데이터 및 방법을 단순화할 수 있는지 알고 싶습니다.이렇게 일일이 정의할 필요가 없습니다.반복이나 다른 방법을 사용할 수 있습니까? export default { data() { return { key1 = false, key2 = false, key3 = false, ..... } }, methods:{ onClick1 () { key1 = true }, onClick2 () { key2 = true }, onClick3 () { key2 = true }, ..... }, ..... } 컴포넌트 One Two Three ..... 어떤 도움이라도 주시면 감사하겠습니다!첫째, 데이터 속성은 개체를 반환하므로 변수를 정의할 수 없습니다. data() { retur..

beforeRouteEnter를 사용하여 vuej에서 비동기 데이터를 올바르게 로드하는 방법은 무엇입니까? vue.js(및 vue-router)는 처음이라 페이지 컴포넌트를 초기화하는 데 필요한 비동기 데이터를 로드하는 방법을 찾고 있습니다.설명서에 따르면 다음과 같이 할 수 있습니다.beforeRouteEnter다음과 같습니다. const Page = { beforeRouteEnter(to, from, next) { next(vm => { vm.foo = { bar: 'blah' }; }) }, data() { return { foo: null }; }, template: '{{ foo.bar }}' }; foo를 올바르게 초기화하지 않으면 컴포넌트 렌더가 에러 원인과 함께 실패합니다.foo.bar는 ..