cyworld

Vue.js에서 생성된 이벤트와 마운트된 이벤트 간의 차이 Vue.js 설명서에서는created그리고mounted다음과 같은 사건: created 인스턴스가 생성된 후 동시에 호출됨.이 단계에서 인스턴스는 데이터 관찰, 계산된 속성, 방법, 감시/이벤트 콜백 등의 설정이 완료되었음을 의미하는 옵션 처리를 완료했다.그러나 마운트 단계가 시작되지 않아 달러엘 부동산은 아직 구할 수 없을 것이다. mounted 인스턴스가 방금 마운트된 후 호출되며, 여기서 el이 새로 생성된 VM으로 대체된다.$el. 루트 인스턴스가 문서 내 요소에 마운트된 경우 vm.탑재된 것을 호출할 때 $el도 동봉될 것이다. 서버 측 렌더링 중에는 이 후크를 호출하지 않는다. 이론은 이해하지만 실천에 관한 두 가지 질문이 있다. 에 ..

'제안' 변경사항을 청취하는 방법 VueJs 2.0 문서에서는 들을 수 있는 후크를 찾을 수 없다.props변화들 VueJs는 다음과 같은 갈고리를 가지고 있는가?onPropsUpdated()아니면 비슷한가? 갱신하다 @wostex의 말대로 하려고 했다.watch내 재산은 바뀌지 않았어그리고 나서 나는 내가 특별한 경우를 가지고 있다는 것을 깨달았다. 지나간다myProp상위 구성 요소가 에 수신하는 경우child구성 요소그러면.watch: {myProp: ...}작동하지 않는다.넌 할 수 있다.watch소품 변경 시 일부 코드를 실행하는 소품: new Vue({ el: '#app', data: { text: 'Hello' }, components: { 'child' : { template: `{{ myp..

Vue.js에서 이스케이프되지 않은 HTML 표시 어떻게 하면 HTML을 콧수염 바인딩으로 해석할 수 있을까?그 순간 휴식 () )은 그냥 표시/표시된다. 소형 Vue 앱: var logapp = new Vue({ el: '#logapp', data: { title: 'Logs', logs: [ { status: true, type: 'Import', desc: 'Learn JavaScript', date: '11.11.2015', id: 1 }, { status: true, type: 'Import', desc: 'Learn JavaScript', date: '11.11.2015', id: 1 } ] } }) 그리고 여기 템플릿이 있다. {{fail}} {{type}} {{description}} {{..

vue.js의 v-on에 이벤트 및 인수 전달 매개 변수를 전달한다.v-on:input지시 사항통과하지 못하면 메소드로 이벤트에 접속할 수 있다.매개변수를 함수에 전달할 때 이벤트에 계속 액세스할 수 있는 방법이 있는가?나는 vue-roouter를 사용하고 있다는 점에 유의한다. 이것은 파라미터를 통과하지 못한 것이다.이벤트 개체에 액세스할 수 있는 위치: HTML 자바스크립트 methods: { addToCart: function (event) { // I need to access the element by using event.target console.log('In addToCart') console.log(event.target) } } 매개 변수를 전달할 때 입니다.이벤트 개체에 액세스할 수 ..

각각은 JavaScript 배열의 함수 오류가 아님 난 간단한 루프를 만들려고 한다. const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) 그러나 나는 다음과 같은 오류를 얻는다. VM384:53 Uncaused TypeError: parent.children.각자는 함수가 아님 그럼에도 불구하고.parent.children로그: 뭐가 문제야? 주: 여기 JSFiddle이 있다.첫 번째 옵션: 각각에 대해 간접 호출 그parent.children배열과 같은 객체.다음 솔루션을 사용하십시오. const parent = this.el.paren..

페이지를 로드하는 동안 VueJS 구문을 숨기려면 어떻게 해야 하는가? 아마도 이것은 사소한 질문일 것이다. 따라서 브라우저에서 vuejs 애플리케이션을 실행할 때 다운로드 속도 조절을 사용하도록 설정(연결 부족으로 설정)브라우저에서 완료되지 않은 vue 구문 출력을 받았어. 페이지 전체를 로드하기 전에 로드 이미지를 보여줌으로써 이 문제를 해결할 수 있는 가장 좋은 방법이 있을까?올바른 CSS와 결합하면 컴파일이 완료될 때까지 Vue 인스턴스를 숨기는 v-cloak 지시어를 사용할 수 있다. HTML: {{ message }} CSS: [v-cloak] { display: none; } 나는 다음 코데펜을 첨부했다.가 있는 것과 없는 것의 차이를 알 수 있다.v-cloak. [regular]Hold i..

외부 요소 클릭 감지 요소 외부 클릭을 감지하려면 어떻게 해야 하는가?나는 Vue.js를 사용하고 있어서 내 템플릿 요소 밖에 있을 거야.바닐라 JS로 할 줄 알지만, 내가 Vue.js를 사용할 때, 더 적절한 방법이 있는지 잘 모르겠어. 이것은 바닐라 JS: Javascript Detect Click 이벤트 disput의 솔루션이다. 좀 더 나은 방법으로 요소에 접근할 수 있을까?내가 사용한 해결책이 있는데, 리너스 보그 대답을 기반으로 하며 vue.js 2.0과 잘 작동한다. Vue.directive('click-outside', { bind: function (el, binding, vnode) { el.clickOutsideEvent = function (event) { // here I chec..

vuejs 라우터의 선택적 매개 변수 나는 두 가지 방법으로 특정 구성요소로 경로를 지정해야 한다. 하나는 매개 변수가 있고 다른 하나는 없는 것이다.나는 선택 가능한 매개 변수를 찾아봤지만 웬일인지 많은 정보를 찾을 수 없다. 그래서 내가 가는 길: { path: '/offers/:member', component: Offers, name: 'offers', props: true, meta: { guest: false, needsAuth: true } }, 프로그래밍 방식으로 파라미터를 호출하면 모든 게 괜찮아 this.$router.push({ path: /offers/1234 }); 하지만 나는 또한 이렇게 내비게이션으로 전화를 해야 해. Offers 그offers구성 요소가 받침대를 받아들임 pr..

VueJS 조건부로 요소의 속성 추가 VueJS에서는 v-if를 사용하여 DOM 요소를 추가하거나 제거할 수 있음: Important Button 그러나 다음과 같이 조건부로 설정된 돔 요소의 속성을 추가/제거할 수 있는 방법이 있는가? Username: 다음과 유사한 방법으로: Username: 좋은 생각 있어?시도: 업데이트: Vue 3에서 변경되었으므로 이 답변 https://stackoverflow.com/a/64598898을 참조하십시오.가장 간단한 양식: // if true // if false // test ? true : false Vue 3에서 속성의 조건부 렌더링이 변경됨. 속성 사용을 생략하려면null또는undefined. Vue 2: Result: Result: Vue 3: Resu..

Vue.js에서 생성된 이벤트와 마운트된 이벤트 간의 차이 Vue.js 설명서에서는created그리고mounted다음과 같은 사건: created 인스턴스가 생성된 후 동시에 호출됨.이 단계에서 인스턴스는 데이터 관찰, 계산된 속성, 방법, 감시/이벤트 콜백 등의 설정이 완료되었음을 의미하는 옵션 처리를 완료했다.그러나 마운트 단계가 시작되지 않아 달러엘 부동산은 아직 구할 수 없을 것이다. mounted 인스턴스가 방금 마운트된 후 호출되며, 여기서 el이 새로 생성된 VM으로 대체된다.$el. 루트 인스턴스가 문서 내 요소에 마운트된 경우 vm.탑재된 것을 호출할 때 $el도 동봉될 것이다. 서버 측 렌더링 중에는 이 후크를 호출하지 않는다. 이론은 이해하지만 실천에 관한 두 가지 질문이 있다. 에 ..