prostudy

v-data-table에 클릭 이벤트를 추가하는 방법 테이블 행을 클릭하면 editItem 함수를 호출하고 싶다.현재 내가 테이블 행을 클릭해도 세부사항 페이지가 표시되지 않는 경우.그러나 이 클릭 이벤트를 특정 테이블 데이터에 넣으면 editItem 함수가 호출된다.어떻게 하면 테이블 행 자체에서 이 같은 기능을 호출할 수 있을까? 여기 내 코드에서 v-data-table 템플릿과 슬롯을 사용해 보고 클릭 이벤트를 행에 포함했지만 둘 다 작동하지 않는다. {{ props.item.member }} {{ props.item[1] }} {{ props.item[2] }} {{ props.item[3] }} {{ props.item[4] }} {{ props.item[5] }} {{ props.item[6]..

Vuetify에서 사용자 지정 SVG 아이콘을 추가하는 방법 - Vue 부에티피 1.1.8과 vue 3.0.0-rc.3을 사용하고 있다.뷰잉으로 지원되는 재료 아이콘 또는 FontAwesome 아이콘의 기본 아이콘 대신 내가 설계한 프로젝트의 사용자 지정 SVG 아이콘 중 일부를 사용하려고 함 나는 사용해 본 적이 있다.vue-svg-loader사용자 지정 svg 아이콘을 로드하고 구성 요소로 사용하기 위해이런 거. 하지만 에 대한 것이다.vue-svg-loader내가 그것들을 사용할 수 없다는 것이다.의append-icon그리고 많은 다른 장소들과 함께 자유를 누렸다.. 나는 또한 그들이 사용자 지정 아이콘을 사용하는 것에 대해 언급했던 시각화 문서를 읽었지만 그것 또한 도움이 되지 않는다고 생각한다...

Vuetify에서 사용자 지정 테마를 사용하고 색 변수를 구성 요소에 전달 나의index.js파일 수동으로 Vuetify를 재정의함theme회사 색상으로 반대: Vue.use(Vuetify, { theme: { primary: '#377ef9', secondary: '#1b3e70', accent: '#ff643d', error: '#ff643d' ... } 이제 내 템플릿에서 다음과 같은 색상을 사용할 수 있다. 내가 쫓는 건 그 기계를 사용하는 거야primary또는 의 다른 변수theme위에서 정의한 객체, 내 템플릿 스타일 내부: 스타일 섹션에 내 색의 육각값만 쉽게 쓸 수 있지만, 나는 내 자신을 반복하고 싶지 않고 오히려 내 것을 사용하고 싶다.theme그래서 내가 모든 곳에서 쉽게 색을 바꿀 ..

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에 특정 숫자 입력 구성 요소가 있는가? 항목 양을 관리하는 요소 UI의 구성요소를 본 적이 있으며, 여기서 확인하십시오. https://element.eleme.io/#/en-US/구성 요소/입력 번호 나는 뷔에티파이에서 그런 것을 사용하고 싶지만 재료 디자인에서 비슷한 구성 요소나 비슷한 스타일의 예를 찾을 수 없다.그것을 이루기 위한 가장 좋은 방법은 무엇인가?예: 슬라이더 구성 요소 문서에서 작업 예를 확인하십시오.업데이트: 이 답은 Vuetify 버전 1과 관련이 있으며, Yukama Huksay의 답은 Vuetify의 새로운 버전에 대해 정확하다. 설정type의 탓으로 돌리다type="number"가는 길이다. 원본: 그냥 너만의 것을 만들면 된다. new Vue({ el: '#a..

Nuxtjs는 '분할을 위해 / 를 많이 던지는 것은 더 이상 사용되지 않으며 다트 사스 2.0.0에서 제거될 것이다.` 많은 오류를 발생시키는 vuetify를 사용하는 NuxtjsUsing / for division is deprecated and will be removed in Dart Sass 2.0.0.실타래 동안 Nuxtjs: v2.15.6 @nuxtjs/vuetify": "1.11.3", "sass": "1.32.8", "sass-loader": "10.2.0", 고칠 줄 아는 사람? : Using / for division is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($grid-gutter, 3..

Vuetify에서 v-card 구성 요소의 중앙에 콘텐츠를 맞추는 방법 현재 제품에 포함되어 있다.vue, 나는 4개의 객체를 포함하는 productList의 배열을 가지고 있다.어레이를 반복해서 각 개체를 ProductsItem에 전달한다.부에 구성 요소그 구성 요소에서, 나는 부에티피로 카드를 만든다. 카드의 중앙에 내용물을 맞출 수 없다. 여기 내 코드, 내 카드의 스크린샷, 그리고 원하는 결과물이 있다. 상품들부에를 하다 Products ProductItem.부에를 하다 {{productItem.name}} {{productItem.description}} Add to Cart 업데이트: Vuetify 1.5 및 2 버전 모두에서 작동: 중앙 집중화하려면v-card-text내용은 단지 적용하기cl..

Vuetify에서 중단점을 사용하여 화면 크기에 따라 마진을 다르게 지정하는 방법 질문:. 나는 특정한 양의 카드를 보여주는 루프를 가지고 있다. 문제는 에 있다.ma-5에 속하다.. onxs스크린 사이즈가 너무 크다.Ho 화면 크기에 따라 마진을 다르게 지정하시겠습니까? 코드: {{card.title}} {{card.description}} 시도됨: 아래에 이 코드를 추가하려고 시도했다(이 페이지에서 복사됨) 그리고 나는 이런 오류를 얻는다. [Vue warn]: Property or method "$breakpoint" is not defined on the instance but referenced during render [Vue warn]: Error in render: "TypeError: C..

v-on="의 기능VueJS에서 구문 의미? 활성화기라는 범위 슬롯이 있는 v-dialog 구성 요소에 대한 Vuetify 예제를 다음과 같이 정의하게 되었다. Click Me VueJS 문서로부터 슬롯의 범위 설정의 목적과 슬롯 소품을 파괴하는 개념은 이해하지만, 그 의미가 무엇인지 모르겠다.v-on="on"이 예에서는특히 이벤트가 지정되지 않은 경우 무엇을 의미v-on지시적인가? 의 VueJS 문서에는 명시적으로 지정된 이벤트 이름과 함께 사용량만 표시된다(예: v-on:click="...") 그러나 그것을 단지 로 사용하는 것에 대한 설명은 없다.v-on="...". 누가 이 구문과 그것의 용법을 Vuetify 예에서 설명할 수 있는가?TLDR: 기본 용법 ] 그래서 기본적으로@click="..."..

vuetify 아이콘이 표시되지 않음 나는 사용하고 있다vue.js그리고vuetify. 아이콘을 추가하고 싶은데 예상대로 작동하지 않는다(렌더링되지 않음). 어떻게 하면 고칠 수 있을까? 다음 코드를 참조하십시오. main.js. import Vue from 'vue' import Vuetify from "vuetify"; import "vuetify/dist/vuetify.min.css"; Vue.use(Vuetify); 인덱스.포인트 달력부에를 하다 keyboard_arrow_down 나는 그것이 코드가 아니라 아이콘처럼 보이길 원한다. Vue CLI 3을 사용하면 src 폴더에 index.html을 사용할 수 없으므로 대신 npm install --save material-design-icons-i..