prostudy

nextTick이란 무엇이며 vue.js에서는 무엇을 하는가? 문서를 읽었는데 아직도 이해가 안 돼. 좋은 수가 있어요.datacomputedwatchmethods하지만 무엇이든지nextTick()Vue.js에 쓰였나?타이밍에 관한 거야 nextTick 일부 데이터를 변경한 후 코드를 실행할 수 있으며 Vue.js는 데이터 변경에 따라 가상 DOM을 업데이트했지만 브라우저가 페이지에 해당 변경 사항을 렌더링하기 전에 코드를 실행할 수 있다. 일반적으로 devs는 네이티브 자바스크립트 함수를 사용하여 유사한 동작을 달성하지만setTimeout콜백(callback)을 통해 브라우저가 다시 제어 권한을 부여하기 전에 브라우저에 대한 제어 권한을 포기하십시오. 예 일부 데이터를 변경했다고 가정해 봅시다. 그러면..

조건부로 입력 비활성화(Vue.js) 할 말이 있다: 내 Vue.js 구성 요소에는 다음과 같은 것들이 있다. .. .. ready() { this.form.name = this.store.name; this.form.validated = this.store.validated; }, .. validated한 사람으로서boolean, 그것은 둘 중 하나일 수 있다.0또는1그러나 어떤 값이 데이터베이스에 저장되든 내 입력은 항상 비활성화되어 있다. 다음과 같은 경우 입력을 비활성화해야 한다.false, 그렇지 않으면 활성화 및 편집 가능해야 한다. 업데이트: 이렇게 하면 항상 입력이 활성화된다(데이터베이스에 0 또는 1이 있더라도): 이 작업을 수행하면 항상 입력이 비활성화됨(데이터베이스에 0 또는 1이 있..

가져오기 경로 내부의 @는 무엇을 의미하나? 나는 새로운 vue.js 프로젝트를 시작하고 있어서 vue-cli 도구를 사용하여 새로운 웹 팩 프로젝트를 준비했다.vue init webpack). 생성된 파일을 살펴보다가 다음과 같은 가져오기가 눈에 띄었다.src/router/index.js파일: import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' // import HelloWorld from 'src/components/HelloWorld' IDE는 uri에 대한 경고를 중지하지만, 이로 인해 "build\webpack.base.conf.js"에서 컴파일할 때 uri가 유효하지 않게 된다. ..

Vue.js - 중첩된 데이터를 올바르게 감시하는 방법 나는 프로펠러 변형을 제대로 관찰하는 방법을 이해하려고 노력하고 있다.상위 구성 요소(.vue 파일)를 가지고 있는데, 이 구성 요소는 ajax 호출에서 데이터를 수신하여 개체 내부에 넣은 후 v-for 지시어를 통해 일부 하위 구성 요소를 렌더링하는 데 사용하며, 이는 내 구현의 단순화 이하임.

Vue.js - url에서 해시방 #!을 제거하는 방법? 해시방 제거 방법#!url에서? vue 라우터 설명서(http://vuejs.github.io/vue-router/en/options.html )에서 해시방을 사용하지 않도록 설정하는 옵션을 찾았지만 이 옵션은 제거됨#!그리고 그냥.# url을 정리할 방법은 없을까? 예: 아님:#!/home BUT:/home 고마워!사실 당신은 단지 설정하기를 원했을 것이다.mode로'history'. const router = new VueRouter({ mode: 'history' }) 그러나 서버가 이러한 링크를 처리하도록 구성되었는지 확인하십시오.https://router.vuejs.org/guide/essentials/history-mode.htmlvue..

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를 다른 페이지로 리디렉션 에서 리디렉션을 만들고 싶다.Vue.js바닐라 자바스크립트와 비슷한 window.location.href = 'some_url' Vue.js에서 내가 어떻게 이것을 성취할 수 있을까?사용 중인 경우vue-router, 당신은 사용해야만 한다.router.go(path)특정 경로로 이동하십시오.라우터는 다음을 사용하여 구성 요소 내에서 액세스할 수 있다.this.$router. 그렇지 않으면window.location.href = 'some url';1페이지가 아닌 앱에 적합하다. 편집:router.go()VueJS 2.0에서 변경됨.사용할 수 있다$router.push({ name: "yourroutename"})아니면 그냥router.push("yourroutena..

Vue.js—v-model과 v-bind의 차이 온라인 코스로 부에를 배우고 있는데 강사가 기본값을 입력하는 연습을 시켜줬어.I completed it with usv-model하지만 강사는 선택했다.v-bind:value왜 그런지 모르겠어 이 둘의 차이와 각각의 것을 사용하는 것이 더 좋을 때 누가 나에게 간단한 설명을 해줄 수 있을까?여기서부터 - 기억하십시오. 본질적으로 다음과 같다. 또는 (속어 구문): 그렇게v-model폼 입력에 대한 양방향 바인딩.그것은 결합한다.v-bind, 그리고 마크업으로 js 값을 가져오고v-on:inputjs 값을 업데이트한다.js 값이 있어야 함data, 또는 .inject. 사용하다v-model네가 할 수 있을 때사용하다v-bind/v-on꼭 :-) 당신의 대답이..

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

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