cyworld

고정 헤더를 사용하여 Vue b-테이블을 스크롤하는 방법 나는 a를 가지고 있다.b-table데이터베이스로부터 현재 많은 데이터를 표시하는 페이지의 요소.현재 페이지 표시되지만 피드백은 모든 정보를 단일 스크롤 보기로 표시하는 것을 선호한다는 것을 나타낸다.할 수 있지만, 문제는 만약 내가 포텐셜을div전체 테이블을 스크롤하려면 열 머리글도 스크롤하십시오.기둥 헤더를 제자리에 둔 채 테이블 바디만 스크롤할 수 있는 방법을 찾아야 하는데, 뒤에 있는 Javascript 연결 뭉치가 있는 완전히 분리된 헤더와 본체가 있는 것을 고정하는 대신 원소 자체의 범위 내에서 할 수 있는 방법을 찾고 싶다. bootstrap-vue 테이블 구성 요소의 구성 요소 참조 아래, 라고 하는 속성이 있다고 되어 있다.tbod..

특정 그리드 크기에 대한 클래스 추가 설정 나는 단지 수업만 추가하려고 한다.v-flex요소의 그리드 크기가 다음과 같은 경우xs(따라서 모바일에서만).아래의 코드는 그 뒤의 사고 과정을 보여준다.하지만 이것은 작동하지 않는데, 어떻게 특정 그리드 크기에서만 수업을 적용할 수 있을까? My room 중단점 사용: :class="{'roomPadding': $vuetify.breakpoint.xs}" 중단점 객체 및 가시성에 대한 문서 참조 클래스를 다음을 제외한 모든 중단점(즉, 화면 크기)에 적용하려는 경우 xs, 사용할 수 있는 항목: :class="{'roomPadding': !$vuetify.breakpoint.xs}"(notice)!) 또는 :class="{'roomPadding': $vueti..

vue.js 쿼리 위치 변경 탐색복제 현재 쿼리 매개 변수 id=2&p=3이(가) vue-pu-try 시도 시 변경하기를 원함: this.$router.push({query:{id:'2',p:'4'}}); 하지만 NavigationDuplicated는 이상한.. 쿼리를 변경하고 시계를 트리거하는 방법 에러는 파람이 같은 경우에만 던지므로, 먼저 파람을 확인하면 된다.push또는replace. 또한 비동기/와이트 또는/캐치(catch)를 사용할 수 있으며, 다음 예제를 참조하십시오. try { if (/* id or p have been changed in this.$route.query */) { await this.$router.push({query:{id:'2',p:'4'}}); } } catch (..

WebStorm에서 Vue.js 2 디버깅 문제는 디버거가 올바른 소스 파일뿐만 아니라 웹팩에 의해 자동 생성되는 app.js 파일에도 발을 들여놓는다는 점이다.어떻게 하면 그것을 막을 수 있을까? 다음과 같은 설정이 있다. 나는 Vue.js 2 앱을 시작했다.vue-cli. 디버깅 구성은 다음과 같다. 나는 또한 이 선을 에 추가했다."webpack.dev.conf.js";devtool: "source-map", 그리고 app.js 파일을 디버거 구성의 예외에 추가했다. 서버를 시작하는 방법npm run dev명령어를 입력한 다음 WebStorm에서 디버깅 세션을 시작하십시오.문제는 여전히 존재한다.아이디어 있으십니까?다음 두 가지 사항을 확인하십시오. 변경하기devtool가치에 대한 구성'eval-s..

Vue: Observer 개체로 자동 채워지는 빈 어레이 데이터의 빈 배열을 초기화한 다음 서버에서 JSON을 가져와 채우려고 한다. 문제는 어레이에 항상 추가 Observer 객체가 있기 때문에 로그에 기록하면 다음과 같은 내용이 표시된다는 점이다. 빈 항목 배열: [ob: 관찰자] 다음은 발췌한 코드: data() { return { items: [] } }, created() { this.$http.get('/api/menus').then(function (response) { console.log('items before', this.items); //THIS LOGS items before: [__ob__: Observer] this.items = [].concat(response.body); ..

vue JS가 상위에서 구성 요소로 변경 내용을 전파하지 않음 나는 Vue Framework에 꽤 익숙하지 않다.속성이 추가 또는 제거되거나 나중에 구성 요소 외부에서 업데이트될 때마다 부모에서 자식으로의 변경 사항을 전파하려고 한다.아래 코드 조각에서 나는 부모 노드에서 속성으로 전달된 노드의 이름 속성을 기반으로 인사말 메시지를 표시하는 구성요소를 작성하려고 한다. 초기화할 때 노드에 "name" 속성(아래 코드 조각 주석)이 포함되어 있으면 모든 것이 정상적으로 작동한다.그러나 이름 속성이 실행의 후기 단계에 추가된 경우(여기서 시연 목적을 위해 설정된 시간 초과 값을 추가하고 적용)구성 요소가 오류를 발생시키고 변경 사항이 반영되지 않는다. 구성 요소 외부의 다른 이벤트를 기반으로 생성되는 구성 ..

프로그래밍 방식으로 변경된 요소의 v-모델 업데이트 방법 나는 Checkbox용 JS 플러그인을 사용하고 있다. 이 플러그인은 확인란 상태를 모방한 스위치 버튼을 생성한다. 스위치 버튼이 토글되면checked확인란 값 하지만, 그active데이터 값은 사용자가 확인란을 클릭할 때만 업데이트된다.확인란 변경checked프로그래밍 방식으로는 특성이 vue를 트리거하지 않는다. vue를 업데이트하는 방법data입력 내용이 프로그래밍 방식으로 변경되는 경우예를 들어.$("#myinput").prop("checked",true)Vue 업데이트:v-model의 재산은 언제나change* 이벤트가 트리거됨.트리거: $("#myinput").prop("checked", true); $("#myinput")[0].dis..

Vuetify 버튼 너비 및 패딩 변경 단추가 크고 카드 너비를 초과함 이건 쉬울 텐데, 카드 안에 있는 버튼을 커스터마이징하는 데 좀 힘들어.왼쪽/오른쪽에 여분의 공간 없이 블랙 테두리가 아이콘을 잘 감싸도록 패딩을 모두 제거하고 싶다.커스텀 css를 추가해봤는데!important그리고 직접적으로 가장 중요한 것은div.btn__content하지만 그건 효과가 없어가능한 한 간단하게 이것을 할 수 있는 아이디어는 없으십니까? 재생성 링크문제는 이다.min-width의.btnclass. 설정하기0단추가 다음보다 작도록 허용함88px또한 너는 단지 설정해야만 한다.padding의.btn__content로0. div.btn__content { padding: 0; } div.card__actions .btn..

패커리에 동적 VueJS 구성 요소를 추가하는 방법 안녕 나 짐싸는 거에 문제가 생겼어. 이 솔루션 기반 https://codepen.io/Monocle/pen/ZbeBGL 나는 모든 격자를 가지고 있다. 구성 요소로서 그리고 app.js (메인 파일)에서 주어진 예에 기초하여 패킹을 초기화한다. var pckry = new Packery(container, { itemSelector: '.grid-item', columnWidth: '.grid-sizer', }); 이제 켜기/끄기 구성 요소를 처리한 후 드래그가빌리(draggabilly)로 만들고 패킹에 바인딩/바인드를 해제하십시오.하지만 문제는 내가 vue의 물건으로 포장재를 만들 수 없다는 것이다. 그리고 이것만 만든다.pckry.getShiftP..

vue 플러그인의 유형을 추가하는 방법? 유형 스크립트가 포함된 vue에 대한 자체 플러그인을 추가해 보십시오. 그러나 내가 vue 프로토타입으로부터 나의 방법을 사용하는 순간, 나의 방법은$authmyComponent 유형에 없음.또한 플러그인에 .d.ts를 추가하지만, 나는 그가 정확하지 않다고 생각한다. 그리고 플러그 인에서 사용 설치나 필요를 필요로 하지 않는다고 생각한다.일부 예에서는 설치를 보지 않지만 문서에서는 설치를 사용해야 한다고 본다. 내 플러그인 import _Vue from 'vue'; import store from '@/store' import * as firebase from 'firebase'; export default { install: (Vue: typeof _Vue, ..