cyworld

VueJS 확장 구성 요소: 상위 속성 제거 두 개의 Vue 구성 요소가 있는데 하나는 다른 구성 요소를 확장하십시오. // CompA.vue export default { props: { value1: Object, }, data: function () { return { value2: 'hello2 from A', value3: 'hello3 from A' } } } // CompB.vue import CompA from './CompA.vue'; export default { extends: CompA, props: { value4: Object }, data: function(){ return { value2: 'hello2 from B' } } } 문서에 설명된 대로 CompB의 옵션은 Comp..

Vuetify + Electron이 있는 고정 헤더 아래의 스크롤 막대 나는 Vuetify와 Electron을 사용하여 내 직장에서 어떤 일을 하는 것을 도와주는 앱을 만들고 있어.브라우저Window 프레임을 비활성화하고 헤더를 버튼을 사용하여 창을 닫을 수 있는 끌 수 있는 영역으로 만들었다.나는 전자 vuetify 템플릿을 사용하고 있다. vue init vuetifyjs/electron 내 문제는 스크롤바가 꼭대기까지 도달한다는 것이지만 나는 고정된 머리글 아래에 그것을 두고 싶다. html, body, app div, content div 태그에 오버플로 속성을 가지고 놀려고 했지만 성공하지 못했다. 내가 이걸 어떻게 해?유사한 레이아웃을 가진 브라우저에서도 이러한 동작을 볼 수 있기 때문에 이것..

Vue.js - 마우스 클릭을 통한 이벤트 처리(위쪽이 아님) Vue.js 2를 사용하여 요소에 @click 이벤트를 추가하고 무언가를 클릭하려고 하면 클릭(아래로 누르기 -> 위로 누르기)을 완료한 후에야 이벤트가 트리거된다. 마우스를 클릭한 후 즉시 이벤트를 트리거하는 방법 예: Hello 간단히 사용할 수 있다.@mousedown원소에서의 사건.@click, 를 처리하다mousedown사건 mouseDown working fiddle: https://fiddle.jshell.net/mimani/feL03wgd/을 참조하십시오.참조URL: https://stackoverflow.com/questions/42058393/vue-js-event-handling-with-on-mouse-click-down..

가져오기-jdl 성공 후 JHipster Entities 메뉴가 비어 있음 나는 방금 JHipster (VueJS) thro Docker 이미지를 설치했고, https://start.jipster.tech/jdl-studio/로 jdl 파일을 직접 수입했다. jhipster@66b8176ee05f:~/app$ jhipster import-jdl ../jhipster.jdl INFO! Using JHipster version installed locally in current project's node_modules INFO! Executing import-jdl ../jhipster.jdl INFO! Found .yo-rc.json on path. This is an existing app INFO! T..

Vuejs 2의 특정 경로로 이동 나는 VueJS에 처음 와, VueJS 2 웹팩 템플릿을 사용하고 있어.로그인 성공 시 로그인 컴포넌트에서 홈 컴포넌트로 리디렉션하려고 했는데, 여러 가지 시도를 해봤지만 여전히 오류가 발생하고 있어.여기 내 라우팅이 있다. const router = new VueRouter({ mode: 'history', routes: [{ 'name': 'home', path: '/', component: require('./components/Home.vue'), beforeEnter: (to, from, next) => { if (!localStorage.getItem('user')) { next('/login') } } }, { 'name': 'profile', path: '..

Vuejs 오류:클라이언트측 렌더링된 가상 DOM 트리가 서버에서 렌더링된 트리와 일치하지 않음 내 앱에 Nuxt.js / Vuejs를 사용하고 있는데, 계속 다른 곳에서 이 오류가 발생하고 있다. The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside , or missing . Bailing hydration and performing full client-side render. 이 오류를 디버깅하는 가장 좋은 방법이 무엇인지 알고 싶다.오류..

Vue의 글로벌 구성 요소(nuxt) Vue 애플리케이션을 구축하는 동안 모든 템플릿에서 특정 Vue 구성 요소를 다시 사용하십시오.우리의 그리드 시스템은 .region, .layout, .grid, .column 요소들로 존재한다.모두 별도의 Vue 구성 요소(, ...)이다. 이제 모든 템플릿에서 이 작업을 수행하게 되었다. import BlMain from '~components/frame/main/Main.vue' import BlRegion from '~components/frame/region/Region.vue' import BlLayout from '~components/frame/layout/Layout.vue' import BlGrid from '~components/frame/grid..

VueJS 데이터()가 작동하지 않음 나는 VueJS 앱을 만들려고 노력중이지만 가장 간단한 예로 실패한다.나는 VueJS(버전 1, 버전 2도 시도했다)를 위해 사전 구축된 지원으로 Laravel 5.3을 사용하고 있다. 여기 나의 예가 있다.vue 구성 요소 {{ name }} 그리고 여기 메인 코드가 있다. Vue.component('example', require('./components/Example.vue')); const app = new Vue({ el: '#app' }); 콘솔에 매번 표시되는 오류: [부유 경고]:속성 또는 메서드 "이름"은 인스턴스에서 정의되지 않고 렌더링 중에 참조된다.데이터 옵션에서 반응형 데이터 속성을 선언하십시오.(구성 요소에 있음) 뭐가 잘못됐는지 알기나 해?..

Vue.js: 문이 참인지 확인란 설정 예전 핸들바 뷰에 다음과 같은 확인란이 있었다. Stepstone Karriere 따라서 job.xmlOnline에 "stepstone" 값이 있으면 체크 표시가 있어야 한다.'카리에르'도 마찬가지다. 지금 나는 POST 폼을 위해 Vue.js에서 같은 것을 성취하려고 노력하고 있다.http://t2w-api.herokuapp.com/jobs/590c20d42b1c4300046bb1b9은 "job"이라는 물체를 이렇게 표현한다. 그래서 그것은 "카리에르", "스텝스톤" 또는 "null"을 둘 다 포함할 수 있다. 지금까지 내 컴포넌트에 대해 알아낸 것은 Stepstone {{ index }} Karriere {{ index }} 체크박스는 확인되지만, 나는 그것들을..

Vue Js - v-for X time(범위 내)을 통한 루프 다음을 통해 루프를 반복하는 방법v-forX(예: 10)번? // want to repeat this (e.g.) 10 times {{ item.name }} - {{ item.price }} 이 문서에는 다음이 표시된다. {{ item }} // or {{ n }} // this doesn't work {{ item.price }} 하지만 Vue는 어디에서 사물의 출처를 알까?의사 말대로 렌더링하면 항목 수와 항목 수는 알 수 있지만 내용은 없다.범위 내에서 인덱스를 사용한 다음 인덱스를 통해 어레이에 액세스하십시오. {{ shoppingItems[index].name }} - {{ shoppingItems[index].price }} 이 ..