cyworld

데이터 테이블에서 "사용자 정의 필터" 프로펠러를 시각적으로 사용하는 방법또는 헤더로 필터링할 사용자 정의 필터를 만드는 방법 게시일 현재 데이터 테이블에서 "사용자 정의 필터" 소품을 사용할 수 있는 문서를 찾을 수 없다. 머리글별로 데이터 테이블을 필터링하는 사용자 정의 필터를 생성하려는 경우드롭다운이 있는데 사용자가 드롭다운 옵션 중 하나를 클릭하면 특정 헤더에 대한 목록이 필터링된다. 예: 드롭다운 옵션:식품 종류: 과일, 고기, 야채 박초 (채소) 돼지고기(고기) 닭 허벅지(고기) 수박(과일) 내가 드롭 다운을 고기로 선택하면 돼지고기와 닭 허벅지만 보여줘야 해.기투브에1 있는 코드를 보니, 마치 그 암호처럼 보인다.customFilterprop은 다음을 결정하는 데 사용되는 기본 방법을 덮어쓰..

'슬롯 액티베이터'는 시각화에서 어떻게 작동하는가? 나는 미리 정의된 템플릿 'Google 연락처'를 사용하고 있다. 링크: https://vuetifyjs.com/en/examples/layouts/googleContacts 나는 Vuetify에 처음 들어왔고 코드를 이해하는 데 어려움을 겪고 있다.하나는 '슬롯 액티베이터'이다. 샘플 코드: {{ item.text }} '슬롯 액티베이터'가 어떻게 작동하는지 말해줄 사람?Vue 구성 요소를 선언할 때 Vuetify가 아닌 Vue 기본 기능인 명명된 슬롯을 생성할 수 있다. 예를 들어, 우리가 만약app-layout다음 템플릿이 있는 구성 요소: 상위 마크업: Here might be a page title A paragraph for the main ..

Vuetify 데이터 테이블 날짜 열을 포맷하는 방법? 나는 Vuetify 데이터 테이블을 사용하는 간단한 데이터 테이블을 가지고 있다.칼럼 중 하나는 a이다.createdOn(날짜 시간), 포맷하고 싶다.어떻게 하면 좋을까? 이제 알겠다 a를 사용해야 함: {{ new Date(item.createdOn).toLocaleString() }} 나는 동적 슬롯 이름과 헤더 객체의 함수를 사용하여 셀 값을 포맷하는 방법을 알아냈다. 에서나는 다음과 같이 했다. {{ header.formatter(value) }} 그리고 나중에.data내가 한 속성: headers: [ ... { text: 'Value for example', value: '10000', formatter: formatCurrency }, ..

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 버튼의 텍스트 색상을 변경하는 방법 뭔가 분명한 것을 놓치고 있는 건지도 모르지만, 텍스트 색상을 바꾸는 적절한 방법을 알 수가 없다.v-btn. 이것은 효과가 있지만, 사용해야만 한다.!important이상적으로 보이지 않음: .v-btn color: red !important 그color소품은 내가 아는 한 배경색에 불과하다.그리고 전화할 때 1차/2차 테마를 바꿀 수 있을 것 같다.Vue.use(Vuetify, { theme: {...}} )하지만 단일 구성 요소를 재정의하려면 어떻게 해야 하는가?텍스트 색칠을 위한 css 수업은 어디서나 가능하며, 추가만 하면 된다.--text색채에 예를 들어 테마에 정의된 색상으로도 작동해야 한다(예: primary--text그리고 유사하다. 이는..

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일반적으로 ..

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-선택 값 설정 누군가 에 대한 기본값을 설정하는 것을 도와줄 수 있는가?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..

파일 업로드(vuetify) 닫혔어. 이 질문은 더 많은 것이 필요해.집중적인그것은 현재 답을 받아들이고 있지 않다. 이 문제를 개선하고 싶으십니까?이 게시물을 편집하여 한 가지 문제에 초점을 맞추도록 질문을 업데이트하십시오. 2년 전에 문을 닫았다. 이 질문 개선 나는 Vue.js의 프런트엔드에 Vuetify.js 구성 요소를 사용하고 있는데 파일 업로드가 있는 사용자 등록 양식을 만들고 싶다.다음을 사용하여 폼을 만들 수 있다.v-text-field(Vuetify 구성 요소). 선택한 파일(입력)을 업로드하려면 어떻게 해야 하는가? 어떤 구성 요소를 사용해야 하는지 아니면 다른 방법이 있는지요? Vue JS는 오늘까지 파일 입력 기능이 없으므로 v-text-field를 이미지 입력 필드처럼 작동하도록..

VueJ의 구성 요소 템플릿에서 Vuetify 대화 상자 열기s VueJS Vuetify 프레임워크를 사용하고 있는데 다른 템플릿에서 구성 요소 템플릿으로 가져오는 대화 상자를 열어야 해.App.vue의 Menu 버튼을 클릭하면 Modal이 열려야 한다.다음은 내 설정이다. App.vue = 메뉴 단추가 있는 탐색 템플릿 Modal.vue = modal 템플릿, main.js에서 전역으로 가져오기 main.js. import Modal from './components/Modal.vue' Vue.component('modal', Modal) Modal.vue 템플릿: Open Dialog Use Google's location service? Let Google help apps determine loc..