반응형

vue-router 38

여러 탭의 활성 탐색바를 시각화 및 vue-requency 활성 탐색기

여러 탭의 활성 탐색바를 시각화 및 vue-requency 활성 탐색기 다른 탭을 검색하면서 동일한 메뉴를 탐색 모음에서 강조 표시하기를 원한다. 위의 이미지에서 볼 수 있듯이, 소속은 부서 탭에서 선택된다.나는 여전히 선택 탭을 선택하면서 소속 메뉴를 강조하고 싶었다.아래 내 코드를 참조하십시오. Navbar 구성 요소 {{ item.icon }} {{ item.title }} 라우터 탭 구성 요소 {{ tab.name }} Route.js import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); import Dashboard from './views/Dashboard' import Department from './v..

IT이야기 2022.03.11

Vue 라우터가 구성 요소로 라우팅되지 않는 이유

Vue 라우터가 구성 요소로 라우팅되지 않는 이유 나는 이제 막 Vue를 시작했으니까, 바보 같은 질문을 용서해 줘.나는 NPM을 사용하지 않으려고 노력하고 있어. 구성 요소가 정의되어 있음(라우팅 외부에서 테스트 및 작업하여 템플릿을 생략함): var TaxonomyComponent = Vue.component('taxonomy', { template: '#taxonomy-component', data: function(){ return { taxa: { results: [], count: 0 }, page: 1, page_size: 25, loading: true }; }, mounted(){ this.getData(); }, methods:{ getData: function(){ var self =..

IT이야기 2022.03.11

Quasar 레이아웃 내에서 슬롯을 작동시키는 방법

Quasar 레이아웃 내에서 슬롯을 작동시키는 방법 그래서 나는 기본적인 레이아웃을 가지고 있다. 기본 라우터: const routes = [ { path: '/', component: () => import('layouts/MyLayout.vue'), children: [ { path: '', component: () => import('pages/Index.vue') } ] } ] 및 Index.vue: CONTENT SHOWS CONTENT DOESN'T SHOW 내가 뭘 잘못하지?라우터 슬롯을 어떻게 구하지?참조URL: https://stackoverflow.com/questions/59188571/how-to-get-slot-to-work-inside-a-quasar-layout

IT이야기 2022.03.11

vue js html로 지정된 형식으로 데이터를 여러 번 선택하고 전달할 수 있는 방법은?

vue js html로 지정된 형식으로 데이터를 여러 번 선택하고 전달할 수 있는 방법은? 나는 주어진 형식으로 자료를 전달해야 한다. rules : [{ name:null, section:null, data : [{head:null,value:null}] }], 이것이 내가 직면하고 있는 문제다.누군가 내가 해결책을 찾는 것을 도와줄 수 있기를 바란다.그 조각은 주어졌다.위에 주어진 형식으로 자료를 전달해야 한다.규칙[]에 다른 배열이 필요한 경우에도 괜찮다. 데이터 내 헤드와 가치[]에 또 다른 어레이가 필요한가?필요하다면 이것 또한 괜찮다.도움을 바라며.제발 내가 해결책을 가질 수 있도록 도와줘. 선택 항목을 변경하여 문제를 읽으십시오. addForm = new Vue({ el: "#addForm"..

IT이야기 2022.03.11

Vue.js는 라우터 뷰를 통해 전달된 데이터를 브라우저의 devtools에서 볼 수 있어야 하는가?

Vue.js는 라우터 뷰를 통해 전달된 데이터를 브라우저의 devtools에서 볼 수 있어야 하는가? 라우터 뷰 구성요소에 다음과 같이 몇 가지 소품을 전달한다. 브라우저 개발 도구의 요소를 검사할 때 각 경로/페이지의 최상위 div에 연결된 모든 데이터가 이렇게 표시되어야 하는가?다른 소품 없음(전송되지 않은 소품)router-view구성 요소)가 이러한 방식으로 표시됨... 그 외관상의 예는 다음과 같다. 이것은 예상된 행동이다.라우터 뷰에 소품을 전달하면 소품 값도 속성으로 구성 요소의 루트 요소에 추가된다. 소품을 속성으로 추가하지 않으려면 전달된 인수에 수식어를 사용해야 한다.v-bind: 이것은 그 속성 대신 DOM 요소의 속성에서 프로펠러 값을 바인딩할 것이다.이런 추악한 속성을 숨길 방법을..

IT이야기 2022.03.11

Vue-Router가 단일 페이지 애플리케이션에서 재라우팅되지 않음(Vue/Laravel)

Vue-Router가 단일 페이지 애플리케이션에서 재라우팅되지 않음(Vue/Laravel) 나는 얻으려고 노력하고 있다.vue-routerA에서 일하다Vue.js/Laravel투영하다다음과 같은 간단한 페이지가 있다. 홈 페이지: 페이지 정보(한 페이지로 스크롤됨): 다음 파일로 제작: 환영하다블레이드.php: app.vue: home.vue: Home Page about.vue: About Page web.php:

IT이야기 2022.03.10

Vue-Form-Wizard의 현재 단계 선택에 따라 동적으로 구성 요소 로드

Vue-Form-Wizard의 현재 단계 선택에 따라 동적으로 구성 요소 로드 현재 단계의 선택에 따라 동적으로 구성요소를 로드하려고 한다.예를 들어, 사용자는 첫 번째 단계에서 3가지 선택사항이 있으며, 만약 그가 하나를 선택한다면, 구성요소 원은 2단계의 형태로 로딩될 것이다.문제는 여기서 이런 일을 할 수 있느냐는 것이다.만약 그것이 그것을 어떻게 하는 지에 대해서라면?다음 단계에서 v-model을 사용하여 선택 사항을 클릭하면 라디오 버튼의 값을 확인할 수 있다.v-if를 사용하여 선택되지 않은 구성 요소가 렌더링되지 않도록 한다. 이것을 확인해 보십시오.테스트해보지는 않았지만 이렇게 생겼어. One Two Three 다음과 같은 구성 요소를 동적으로 로드할 수 있음: (웹 팩 사용 시) 1 - ..

IT이야기 2022.03.10

어떻게 기지를 얻기 위해 URLVuejs 안에 법vue 라우터를 사용?

어떻게 기지를 얻기 위해URLVuejs 안에 법vue 라우터를 사용? 나는 이곳은 기본 URL로 구성된 문자열을 만드는 것이 필요한 방법을 갖고 있다./get-it그리고 어떤 무작위 문자열어? methods:{ GenerateURL(){ ... } } 어떻게 낼 수 있을까?어떻게 저는 하지만 어떤 빈 그 /get-it 페이지로 이동하지 않고 기본 URL또는 /get-itvue 라우터와 함께 갈 수 있나요?그냥 기기 안에 문자열로 사용할 필요가 있다.는 도움말: 달러route.path 형식:문자열 현재 노선의 경로의 숫자를 가진 문자열, 항상 절대 경로로 결심했다. 예를 들어"/foo/bar". 그래서 당신의 경우:이 일을 할 수 없다 methods:{ GenerateURL(){ var fullUrl = ..

IT이야기 2022.03.09
1 2 3 4
반응형