c10106

Vue 라우터를 사용할 때 VueJS 구성 요소 간에 데이터를 전달하는 방법 경로 설정: Vue.use(Router) export default new Router({ routes: [ { path: '/group/:id', name: 'Group', component: GroupContainer, children: [ { // when /group/:id/posts is matched path: 'posts', component: ViewPosts }, { // when /group/:id/topics is matched path: 'topics', component: ViewTopics }, { // when /group/:id/people is matched path: 'people', compon..

UI 구성 요소 라이브러리 빌드 VUE 나는 vue로 컴포넌트 라이브러리를 만들고 있다.진짜 문제는 어떻게 문서를 만들 것인가이다.문서 폴더를 만든 다음 새 프로젝트(예: nuxt)를 생성하거나 패키지가 하나만 있는 것이 더 정확하다.루트에 json을 입력한 다음 docs 폴더에서 vue를 사용하여 새 createApp을 인스턴스화하시겠습니까?라이브러리에서 생성하는 구성 요소는 문서 작성 시 직접 텍스트로 작성하시겠습니까?안녕, 사용자 정의 블록을 만들 수 있다. 템플릿 javascript 옆에 태그를 추가하면 여기서 사용자 정의 블록에 대한 자세한 내용을 읽을 수 있는 각 구성요소에 대한 문서를 추가할 수 있다.참조URL: https://stackoverflow.com/questions/69484833..

App.vue에 내보내기 문장이 없지만 main.ts에서 앱 모듈을 가져오십시오.이것이 어떻게 가능한 걸까요? Vue CLI에서 생성한 라우터 프로젝트 예제에서 App.vue에 내보내기 문이 표시되지 않음.그러나 앱 모듈은 main.ts에서 가져온 것으로 확인된다.수출 명세서 없이 어떻게 모듈의 수입이 가능한가? 그러나 나는 비라우터 사례 프로젝트의 App.vue에 있는 수출 명세서를 본다. 메인.ts import { createApp } from "vue"; import App from "./App.vue"; import router from "./router"; createApp(App) .use(router) .mount("#app"); 라우터 예제 프로젝트의 App.vue Home | About ..

경로 문자열을 Vue 라우터 매개 변수에 연결 나는 다음과 같은 경로의 끈을 가지고 있다."/foo/123/bar/456", 현재 경로가 아닌 경우. Vue 라우터 경로가 일치하도록 설정됨/foo/:fooid/bar/:barid Vue Router를 사용하여 문자열에서 매개 변수를 검색하는 방법이 있는가? 예상: let params = this.$router.someFunction("/foo/123/bar/456") // params = {fooid: 123, barid: 456} 당신이 찾고 있는 것은this.$router.resolve("/foo/123/bar/456") 경로에 해당하는 경로가 있을 경우에만 경로와 일치한다는 점에 유의하십시오.이 방법은 "params" 속성이 있는 오브젝트를 제공할 ..

Vue.JS - 기본 레이아웃 구성 요소 및 라우팅 나는 메인 레이아웃 구성요소(고정된 상단 헤더와 라우터 링크 구성요소에 의해 만들어진 다중 링크가 있는 왼쪽 메뉴에 의해 구성되는 구성 요소)와 페이지의 끝부분인 "동적" 레이아웃 구성요소를 가지고 있다. 나는 이것을 왼쪽 메뉴의 클릭된 링크에 따라 다른 구성요소를 라우팅하여 내 사이트의 중심을 변경하고 싶다. 이를 위해 내 앱에 라우터 보기를 배치했다.다음 코드와 같이 내 앱에서 Vue 구성 요소의 상위 수준인 Vue: 머리글과 왼쪽 메뉴를 포함하는 메인 레이아웃 구성요소가 있으며, 이것은 내 웹사이트의 고정된 부분이다. 내 sideNavMenu 구성 요소에는 이와 같은 여러 라우터 링크 구성 요소가 포함됨 Accueil 특정 URL을 vue 구성 요..

vuex 상태에 따라 구성 요소 데이터 다시 로드 나는 여러 웹 샵을 위한 하나의 관리자 패널을 만들고 있다.현재 편집 중인 웹 사이트를 추적하려면website나의 vuex 상태에서는 반대한다.그 웹사이트는 국가에 관한 조치를 발송하는 버튼에 의해 변경될 수 있다. admin 대시보드 페이지는 선택한 웹 사이트의 통계를 보여주는 페이지로서, 이러한 통계에 대한 데이터는 현재 페이지 구성요소 자체에 저장되어 있다. 이제 대시보드에 있을 때 다른 웹 사이트로 변경할 때 문제가 생겼어.대시보드에 대한 URL이 동일하기 때문에 통계는 변경되지 않는다.부에루터가 URL의 변경을 감지하지 못해 구성요소를 다시 로드할 필요가 없기 때문이라고 생각하지만, 웹사이트가 변경될 때 이런 일이 일어나길 바란다.아니면 적어도 ..

Vue에서 라우터 보기 구성 요소 다시 렌더링 Vue에서 구성 요소를 다시 렌더링하는 가장 좋은 방법은 구성 요소를 업데이트하는 것이다.key하지만 만약 내가 A를 다시 렌더링하고 싶다면?이 설정의 구성 요소 라우팅이 사용하도록 설정됨/item/:slug 만약 내가 그것을 바꾼다면key전부 다 강제로 재탕하다내부에 있는 요소구성 요소 작동을 중지하십시오.나는 포장에 키를 세팅해 보았다.요소와 업데이트, 그러나 그것이 다시. 좋은 생각 있어? 편집: 문제가 발생한 것 같음this.$route.params.slug, 로 변경될 때$route.params.slug모든 것이 정상 궤도에 올랐다.참조URL: https://stackoverflow.com/questions/66665385/re-render-rout..

vue.js 단일 파일 구성 요소를 백그라운드에서 로드하는 방법 나는 현재 vue 단일 파일 구성요소에 점/마커가 있는 (지리학적) 지도를 가지고 있다.점/마커의 세부사항을 표시할 때, 나는 이제 지도 구성요소의 '위쪽에 위치'하는 모달(modal)을 사용한다.모달을 닫을 때 지도가 다시 로드되지 않고 모든 것이 동일한 상태로, 필요에 따라. 나는 모달 대신 다른 vue 구성 요소를 사용하는 것을 선호하지만, 지도로 돌아가면 다시 로드되어 상태가 사라졌다.지도를 백그라운드에서 쉽게 로드할 수 있는 방법이 있을까?그래서 '역사'로 돌아갈 때도 여전히 같은 상태인가? keep-alive 구성 요소를 사용하여 다른 경로로 이동할 때 구성 요소를 활성 상태로 유지하십시오.https://vuejs.org/v2/g..

Vuejs3 : 다음 Vue-router-next의 louer.js로 "transition"을 렌더링하려면 어떻게 해야 하는가? 나는 이렇게 하려고 했지만, "전환"이라는 꼬리표는 쓸모가 없다. { path: 'PATH', name: 'NAME', component: { render() { return h('div', [h(resolveComponent('router-view'), { default: (props) => h(resolveComponent('transition'), { name: "fade-transform-vertical", mode: "out-in" }, {default: () => h(props.Component)}) })]); } }, meta: {title: 'A', icon: '..

Vue 라우터를 사용하여 경로를 리디렉션하는 방법 그것은 내가 Vue를 처음 사용하는 것이다.예를 들어, JS와 나는 내 응용프로그램을 도메인별로 정리하고 있다. 예를 들어, 주 라우터 파일을 가지고 있다. 적절한 도메인을 위해 일부 라우트를 리디렉션한다. +--> /users + | | +-----------------+ +--------------+ | | +-----------+ | | | | | | + Profile | Index Page | | |users | | | | | | +-----------+ +--------------+ +-----------------+ 안쪽에/usersusers-properties.js는 다음과 같은 기능을 가지고 있다. const userRoutes = [ { ..