c10106

Vuetify v-btn 및 Vue 라우터를 사용하여 새 창에서 링크 열기 Vue Router의 최근 버전에서는 새 탭에서 링크를 열 수 있음(예: 다음) Link Text 정확하게 렌더링하다. 그러나 뷔에티파(Vuetify)와 같은 것은 통하지 않는 것 같다.v-btn예를 들어, 아이콘을 사용하려는 경우 라우터 경로를 지원한다. window Link Text 구성 요소 렌더링에도 불구하고거기에는 없다target="_blank"기여하다어떻게 하면 이 일을 해낼 수 있을까?다음 코드 조각 시도 window Link Text Vuetify 버튼 API만약 당신이 반드시 "http"로 시작하는 모든 것에 일치하는 Vue 기본 경로를 사용하여 ":to" 바인딩을 사용해야 한다면 가능한 해결책이 있다.이 규칙을 ..

MD 크기의 장치에 대해서만 요소 표시 https://vuetifyjs.com/en/layout/display에 따르면, 당신은 특정 기기 크기나 범위가 위아래로 가는지 숨길 수 있다.그러나 md 크기의 장치에만 대해 div를 어떻게 표시하시겠습니까? hidden-lg-and-up hidden-sm-and-down효과가 없는 것 같군hidden-{x}-only또한 효과가 없는 것 같다.수업은 효과가 있어야 한다.class="hidden-lg-and-up hidden-sm-and-down" 아니면 당신은 사용할 수 있다.v-show="$vuetify.breakpoint.md" 예이것은 또한 다음과 같은 효과를 발휘해야 한다. class="d-none d-md-flex d-lg-none" 출처.참조URL: ..

v-app-bar와 v-toolbar의 시각 차이는 무엇인가? 나는 방금 부비증을 탐구하기 시작했다.모든 vuetify 구성 요소가 다음 위치에 있음. 내 사이트에 대한 메뉴를 만들고 싶어서 문서에서그리고 메뉴 항목을 안에 보관해야 할지 헷갈린다.또는문서상으로는. 정보 https://vuetifyjs.com/en/components/app-bars 그v-app-bar일반적으로 사이트 탐색을 위한 주요 원천이기 때문에 구성요소는 모든 그래픽 사용자 인터페이스(GUI)에 중추적인 역할을 한다.애플리케이션에서 사이트 탐색 기능을 제공하는 v-내비게이션 드로어와 함께 앱바 구성 요소가 잘 작동함. 정보 https://vuetifyjs.com/en/components/toolbars 그v-toolbar일반적으로 ..

Vuetify에서 수직으로 컨텐츠 중앙 집중 Vuetify에서 컨텐츠를 수직으로 중앙에 배치할 수 있는 방법이 있는가? With thetext-xs-center도우미 클래스, 콘텐츠가 수평으로 중앙에 배치되는 경우: Hello API에서 나는 다음과 같은 다른 도우미 클래스를 테스트했다.align-content-center그러나 그 결과를 얻지 못했다.새 vuetify 버전 업데이트 v.2.x.x에서는 및 를 사용할 수 있다.수평 및 수직 정렬을 설정할 수 있는 옵션은 다음과 같다. PROPES:'start','center','end','baseline','stretch' PRPS:'start','center','end','space-around','space-between' 자세한 내용은 이 시각적 그..

Vuejs v-select에서 개체의 속성에 액세스하는 방법 나의 사용 케이스. 백엔드 api에서 여러 개의 개체를 받았어. 나는 그 물건들을 렌더링 하기를 원한다.v-select 이건 내 암호야 하지만 그것은 나에게 결과물을 준다. 하지만 객체 이름 속성이 v-select 우리는 바닐라 부에즈로 이것을 할 것이다. {{cat.name}} 하지만 여기서 부시는 우리가 할 수 없다. :items="categories.name" Vuetify 설명서 객체 배열 또는 문자열 배열일 수 있음.객체를 사용할 때 텍스트 및 값 필드를 찾으십시오.이것은 아이템 텍스트와 아이템 가치 소품을 사용하여 변경할 수 있다. 그들이 실제로 무엇을 의미하는지item-text그리고item-value다음을 사용하여 이 작업을 수행하..

Vuetify의 기본 너비 변경JS DataTable 셀 나는 Vuetify를 사용하고 있다.JS 데이터 테이블과 나는 각 헤더 셀의 항목을 서로 가능한 가깝게 이동시켜야 한다.각 헤더에 너비를 추가하려고 했지만, 효과가 없었다. 아래에 미리 정의된 너비가 있는 것 같다. 업데이트: 각 행 간의 마진은 10px로 고정되어야 한다. 다음은 CodePen의 예: https://codepen.io/anon/pen/ejEpKZ?&editors=101 {{ props.header.text }} {{ props.header.text }} {{ props.item.name }} {{ props.item.calories }} {{ props.item.fat }} {{ props.item.carbs }} {{ props..

초기 v-선택 값 설정 누군가 에 대한 기본값을 설정하는 것을 도와줄 수 있는가?v-select주의할 점은 그것이 나의 것이다.v-select사물이 가득 차 있어 내 생각엔 내 물건을item-value원하는 초기 값이 작동하지 않음: Vue.use(Vuetify); const vm = new Vue({ el: "#app", data: { defaultSelected: { name: "John", last: "Doe" }, people: [ { name: "Harry", last: "Potter" }, { name: "George", last: "Bush" } ] } }); 예상: 초기v-select그래야 한다John 실제: 초기v-select비어 있다.참고할 만한 건 여기 있다. https://jsfid..

MD 크기의 장치에 대해서만 요소 표시 https://vuetifyjs.com/en/layout/display에 따르면, 당신은 특정 기기 크기나 범위가 위아래로 가는지 숨길 수 있다.그러나 md 크기의 장치에만 대해 div를 어떻게 표시하시겠습니까? hidden-lg-and-up hidden-sm-and-down효과가 없는 것 같군hidden-{x}-only또한 효과가 없는 것 같다.수업은 효과가 있어야 한다.class="hidden-lg-and-up hidden-sm-and-down" 아니면 당신은 사용할 수 있다.v-show="$vuetify.breakpoint.md" 예이것은 또한 다음과 같은 효과를 발휘해야 한다. class="d-none d-md-flex d-lg-none" 출처.참조URL: ..

Vuetify 탭을 Vue-Router와 함께 사용하는 방법 나는 다음의 두 개의 Vuetify 탭이 있는 jsfiddle을 가지고 있다.설명서에 사용 예제가 표시되지 않음vue-router그들과 함께. 나는 Medium.com에 Vuetify를 사용하는 방법에 관한 글을 발견했다.vue-router는 다음과 같은 코드를 가지고 있다. motorcycle pets 그러나 Vuetify 1.0.13 탭 설명서에 다음 항목이 지정되지 않아 코드가 오래된 경우router그들의 api에 소품을 넣어, 그래서 포스트에 내장된 예는 효과가 없다. 나는 또한 다음과 같은 코드를 가진 StackOverflow 답변을 발견했다. 그러나, 사용to프로펠러가 작동하지 않고 Vuetify api에도 나열되지 않는다.대조적으로..

라우터 링크와 vue 및 vuetify 혼동 미리 정의된 템플릿을 사용하여 vue-roouter를 사용하는 방법: https://vuetifyjs.com/examples/layouts/google-contacts 내 항목 개체에 링크를 추가했음 items: [{ icon: 'dashboard' text: 'Home', link: '/'}, { icon: 'dashboard' text: 'Account', link: '/account'}, 라우터 링크 구성요소를 어디에 두어야 할지 혼란스럽다.v-list-tilev-btn그리고v-card모두 확장하다router-link, 그래서 당신은 어떤 것을 사용할 수 있다.router-link대신 해당 구성요소에 직접 속성이 제공. 당신의 경우 당신은 그냥 사용할 수..