prostudy

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

Vuetify Data Iterator + Data 테이블의 페이지당 행 항목 이해, 기본 페이지를 설정할 수 있는가? 데이터 테이블용 Vuetify 문서 및 Data Iterator용 문서에서 관리되지 않음rows-per-page-items사용법과 그 선택사항들을 지지하고, 다른 장소에서 어떠한 설명도 찾을 수 없다. 구체적으로, 내가 알고 싶은 것은 페이지당 선택된 행의 양을 선택한 첫 번째 값이 아닌 기본값으로 설정하기 위해 언급된 소자를 사용할 수 있는지 여부다. 예를 들어 드롭다운 선택: Items per page: 10 [20] -> Selected by default 30 40 내가 할 수 있다는 것을 안다: Items per page: [20] -> First, so will be sele..

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]..

v-select에서 항목 텍스트 사용자 지정 커스터마이징이 가능한지 알려줘item-text을 위해v-select? 의 각 항목을 사용자 지정v-select, 이와 비슷한 것: :item-text="item.name - item.description" Yes you can, usescoped slot문서에 기술된 바와 같이template. 을 위해v-select너는 두 개를 가지고 있다.scoped slot: selection: 방법 설명v-select선택 시 항목을 렌더링해야 함 item: 방법 설명v-select항목을 열 때 렌더링해야 함 이것은 다음과 같다: // Don't forget your props {{ data.item.name }} - {{ data.item.description }} {{..

Vuetify : 스로틀/차단 v-autocomplete 원격 데이터와 함께 Vuetify 자동 완성 기능을 사용하고 있는데 API 호출을 제한/해제하고 싶다(500ms 동안 사용자가 자동 완성에서 텍스트를 입력할 때 API를 호출하십시오).내가 어떻게 그럴 수 있을까? Stack OverFlow라는 게시물이debounce-search속성, 하지만 내게는 효과가 없었고, 이 속성에 대한 어떤 Vuetify 문서도 보지 못했다.API 호출을 하는 기능에 디버깅을 추가할 수 있다.신규 통화가 지연되고 보류 중인 모든 통화를 취소하는 등 디베이트가 및 와 함께 이행될 수 있다. methods: { fetchEntriesDebounced() { // cancel pending call clearTimeout(t..

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

Vuetify - 배경색 설정 방법 나는 빛 테마와 함께 Vuetify를 사용하고 있다.기본적으로 이것은 주 콘텐츠의 배경을 옅은 회색으로 설정한다.흰색이 필요해. 스타일러스 변수를 수정하여 이것을 재정의하고 싶지만, 어떤 변수가 배경색을 설정하는지 알 수 없을 것 같다. 워드프로세서의 모든 단계를 따랐고 앱 전체에서 설정을 통해 글꼴을 변경할 수 있다.$body-font-family = 'Open Sans'main.styl 파일에 (그래서 웹 팩 빌드가 올바르게 설정되어 있다는 것을 알고 있다) 난 시도했다.$body-bg-light = '#fff'내 본연의 모습이지만, 그건 전혀 변하지 않는 것 같아.만약 내가 설정한다면$material-light.background = '#fff'나는 실수를 한다...

중앙 항목을 v-Flex로 시각화 A의 중심을 잡으려고 한다.a로.이후flexbox div, I usejustify-center로 변형된. justify-content: center 내 방향이 수평이기 때문에 단추가 가운데 정렬되어야 하는데 안 맞네.여기 내 문제를 재현하는 코데펜이 있다. https://codepen.io/anon/pen/ZXLzex div(v-flex) 안쪽 중앙에 버튼을 등록하고 싶다. 다음은 전체 코드: Signup 단추를 안으로 싸다 Signup Dev는 그것을 예시에 사용한다. 단추의 중앙 집중화용v-card-actions우리는 추가할 수 있다.class="justify-center"(v2 클래스의 참고는text-center(따라서 없는)xs): Signup 코데펜 센터링과 관..

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..

vuetify 데이터 테이블을 사용하여 어레이의 인덱스를 표시하는 방법 내 vue 인스턴스로 전달되는 데이터 배열이 있는 서버에서 응답을 받았다.나는 그 배열을 이용하여 데이터 표를 완성했다.그러나 일련 번호에 대한 내 어레이의 인덱스를 표시하는 방법만 알면 된다. 내 컴포넌트 코드를 첨부한다. 내 응답은 괜찮고 테이블도 괜찮다.나는 단지 칼럼을 더 늘려서 거기에 지수 값을 표시하면 된다. 나의 어레이 이름은 고객이다. @{{ props.item.id }} @{{ props.item.email }} @{{ props.item.email }} @{{ props.item.created_at }} mdi-account-remove mdi-account-off From @{{ pageStart }} to @{{..