goodsource

vue 2의 컴포넌트 없이 vue-router를 사용할 수 있습니까? 매우 간단한 페이지가 있고 코드 몇 줄만 표시되며 vue-component가 없는 vue-router를 사용하고 싶습니다. 저는 이 제품을 구입하고 싶습니다.string "my-search-query"루트 다음: www.example.com/my-search-query 메인 Vue() 오브젝트에서 사용합니다.이게 가능합니까? 감사해요!사용할 수 있습니다.vue-router없이vue-component메인 Vue() 어플리케이션오브젝트 경로 변경에 대한 알림은 계속됩니다. 당신은 그것을 얻을 수 있습니다."my-search-query"에서 줄을 매다.www.example.com/#/my-search-query다음과 같습니다. const r..

Vue 랜덤라우터 컴포넌트 { path: '/link_1', name: 'link_1', component: () => import('./views/Link1.vue') }, /link_1과 같은 패스를 1개 설정할 수 있지만 이 루트로 이동할 때마다 다른 컴포넌트가 로드됩니다. Like: /link_1에 접속하면 Link1.vue가 로드되고 사용자가 /link_1에 접속하면 Link2.vue가 표시됩니다.를 조합하여 사용할 수 있습니다.watch그리고.링크를 클릭할 때마다 동적 구성요소를 렌더링합니다. 예를 들어 다음과 같은 이름의 100개의 컴포넌트가 생성됩니다.component1통해.component100(1개씩 랜덤으로 렌더링 할 때마다를 클릭합니다. Vue.use(VueRouter) const ..

vue v-if 문을 사용하여 변수가 비어 있는지 또는 null인지 확인합니다. 를 사용하려고 합니다.v-if스테이트먼트는, 다음의 경우에 한정해, HTML 를 표시합니다.archiveNote변수가 비어 있지 않거나 비어 있지 않습니다. 인스턴스화된 방법은 다음과 같습니다. export default { name: "ConfirmReleaseFilesModal", props: { archiveName: String, archiveNote: String }, 이 다른 Vue 파일로부터 전달됩니다. HTML 블록은 다음과 같이 표시됩니다.archiveNote이console.log텅 비어서를 표시하는 경우는,truthy(빈 상태/빈 상태 아님)일 경우에만 다음 작업을 수행할 수 있습니다. 그 결과 더블 뱅과 ..

VueJS 컴포넌트를 Google Map Infowindow로 렌더링 vue js 컴포넌트를 렌더링하려고 합니다.이것은, 간단하게 다음과 같습니다. var infowindow_content = ""; 그것을 표식의 인파우더에 통과시킴으로써 this.current_infowindow = new google.maps.InfoWindow({ content: infowindow_content, }); this.current_infowindow.open(context.mapObject, marker); vueJS 컴포넌트는 다음과 같습니다. {{content}} 그러나 이 방법은 작동하지 않고 창이 비어 있습니다.오늘 다시 살펴본 결과 vue 컴포넌트의 인스턴스를 프로그래밍 방식으로 생성하여 마운트한 후 렌더링된..

메서드 내 로컬 변수 상태에 액세스하는 방법 - Vue? 메서드 내 로컬 변수 상태에 액세스하는 방법 - Vue? 팝업 창을 열 수 있도록 대화상자 값을 설정해야 합니다. 포팅으로 Then return data를 로드한 후 popUp을 열고 싶습니다. import { mapState, mapGetters, mapActions } from 'vuex' export default { name: 'PageIndex', data () { return { dialog: false, } }, methods: { ...mapActions('example', ['retrievePratica']), aulaPratica (tipo, aula) { var data = { 'tipo': tipo, 'aula': aula }..

테스트 폴더에 상대 프로젝트 루트 경로를 사용하여 Vue 가져오기 Vue test-utils를 사용한 Jest 테스트에서 도우미 오브젝트/함수를 사용하고 싶다.tests폴더입니다. unitMocks.js테스트/유닛/유닛 Mocks.js에서 export const mockComputed = { products() { return [1, 2, 3]; }, activities() { return [4, 5, 6]; }, .... }; export const mockGetterProduct = () => { ... Dashboard.spec.js시험/단위/시험/시험에서 import Dashboard from "@/views/Dashboard.vue"; import { mockComputed } from "../..

"Vue 유형에 속성이 없습니다" 오류 해결 Vuejs에서 Typescript를 사용하여 애플리케이션을 빌드하고 있습니다.Typescript(.ts) 파일로 Import하는 몇 가지 독립 실행형 구성 요소(.vue) 파일이 있습니다.Typescript 파일에서 Vue를 npm Vue 라이브러리에서 Import한 후 컴포넌트를 표시하는 새로운 Vue를 만듭니다.표시되는 에러는 다음과 같습니다. 속성 x가 'Vue' 유형에 없습니다. 제 빌드 시스템은 TSC를 갖춘 웹 팩입니다.이 에러가 발생하는 이유와 해결 방법은 무엇입니까? 메인 import Vue from 'vue'; import Competency from '../components/competency.vue'; new Vue({ el: "#app"..

v-model 값을 변경할 때 @change 이벤트를 방지하는 방법 Firebase(vue-fire 사용)에서 지원되는 Vue.js에서 자동 완성 메뉴를 구축하고 있습니다.목적은 사용자의 표시 이름을 입력하고 일치 레코드를 아래 div 목록에 표시하는 것입니다. 템플릿은 다음과 같습니다. {{ user.name }} 잠재적인 일치를 클릭하면 필드의 값을 설정하고 일치 목록을 지우는 것이 목적입니다. 컴포넌트의 코드 부분은 다음과 같습니다. computed: { /* method borrowed from Reddit user imGnarly: https://www.reddit.com/r/vuejs/comments/63w65c/client_side_autocomplete_search_with_vuejs/ *..

중첩된 사용자 지정 입력 구성요소로 데이터를 보내는 올바른 방법 React에서 Vue로 이행하는 중인데, 저는 그냥 Vue가 마음에 들었어요.v-modelVue가 제공하는 것.지금 저는 어떤 상황에 처해있어서 이 일을 하는 vue-ish적인 방법을 찾을 수 없습니다. 컴포넌트리는 다음과 같습니다. - FormContainer -FormView - CustomInput - input 내 주(州)가 있다.FormContainer이름, 나이라고 부르자.커스텀 세터 메서드를 쓰는 것을 피하고 싶다.v-model입력 컴포넌트에 데이터를 전달하려면 어떻게 해야 합니까? 현재 다음과 같은 작업을 하고 있습니다. // in my container // in my form view I am doing something ..

vue.js에서 "일반적인 방법"을 사용하려면 어떻게 해야 합니까? 지금까지 Grunt와 함께 sass를 사용해 왔고, 그 결과 x.scss 파일을 style.css로 컴파일했습니다. 저는 React에서 프로젝트를 한 번밖에 하지 않았고 Vue.js와 작업하는 것은 처음이기 때문에 몇 가지 이해하려고 합니다. CSS 스타일링을 Vue 컴포넌트와 같은 파일에 포함시키고 싶을 때는 간단하게 사용할 수 있습니다. 제가 알기로는 Vue는 모든 .vue 파일에서 모든 스타일링을 가져와 style.css로 컴파일합니다.잘 모르니까 이렇게 물어봐요. Vue 컴포넌트는 런타임에 호출됩니까?즉, 스타일링의 특정 부분을 컴파일하는 것이 아니라 모든 스타일링을 하나의 파일로 로드하는 것을 의미합니까? Vue 컴포넌트 파일에..