prostudy

구성 vue js의 머리글 설정 지금 나는 다음과 같은 악리를 사용하고 있다. import axios from 'axios' axios.get(apiObjUrl, { headers: { 'Content-type': 'application/x-www-form-urlencoded', } }) .then(({data}) => { 글로벌 Axios 헤더를 설정하려면 어떻게 해야 합니까?(모든 요청에 사용할 현지화 헤더를 설정해야 합니다.)Axios 인터셉터를 사용합니다.https://github.com/mzabriskie/axios#interceptors 인config요청 헤더가 있습니다.언급URL : https://stackoverflow.com/questions/45541241/axios-set-header..

fs.readdir는 기다릴 수 있지만 이유는 알 수 없습니다. https://github.com/SimulatedGREG/electron-vue 이 템플릿을 사용하여 전자를 만들었습니다. 그리고 나는 이 도서관을 이용하고 있다. https://www.npmjs.com/package/fs-extra https://nodejs.org/docs/latest-v11.x/api/fs.html 이 서류로 이렇게 쓸 수 있어요. await fs.readdir 그러나 전자 템플릿은 electron@2.0.4를 사용하고 node@8.9.3을 사용하고 있습니다. 그래서 여기 확인했어요. https://nodejs.org/docs/latest-v8.x/api/fs.html 함수가 약속을 반환하지 않는 것 같습니다. 하지만..

Vue 컴포넌트 외부에 있는 VueRouter에 액세스합니다. Vue 컴포넌트 외부에서 VueRouter에 액세스할 수 있습니까? JavaScript 파일로 Vue Import를 시도했습니다.이 파일에서는Vue.http하지만 아니다Vue.router또는Vue.$router마지막 두 개의 반환이 정의되지 않았습니다. main.discloss.main.discloss. import Vue from 'vue' import VueResource from 'vue-resource' import VueRouter from 'vue-router' import routes from './config/routes' import store from './store' import * as rootUrl from './con..

요소에 ID가 없을 때 vuej에서 v-for를 처리하는 방법 이 에러는 자주 발생합니다.v-for지시. 반복 요소에는 다음 요소가 필요합니다.v-bind:key지시의 이렇게 for 루프를 사용할 때. {{ person.name }} 문제는, 드문 경우지만, 가끔, 나는 아무것도 가지고 있지 않다는 것이다.id키를 누르다그리고 나는 이 경우에 무엇을 할 수 있는지 알고 싶다. Ghanshyam은 이미 댓글에서 언급했듯이 쉽게 인덱스를 생성할 수 있습니다.v-for. {{ person.name }} 그러나 인덱스를 키로 삼지 않는 것에 대해서는 할 말이 있다. 기타 SO 포스트:항상 인덱스를 루프의 vue.js 키로 사용하지 않는 이유는 무엇입니까?언급URL : https://stackoverflow.co..

Vue.js 2: .vue 파일에서 Vue 컴포넌트를 초기화(구성)하는 방법 컴포넌트 인스턴스를 작성하려고 합니다. App.vue import MyComponent from './components/MyCompnent.vue'; export default { mounted() { // The following line fails. const vm = new MyComponent(); vm.$mount('#some-place'); } } 및 그newline이 오류를 보고합니다. Uncaught TypeError: MyComponent.default는 생성자가 아닙니다. 컴포넌트를 작성하려면 어떻게 해야 하나요?마침내, 매우 간단한 해결책을 스스로 찾았습니다. 그ComponentImport된 자체는 컨스트럭..

Vuejs: 킵 얼라이브를 사용한 자 라우터 표시 컴포넌트의 라이프 사이클 후크 명확한 이해를 위해 보다 일반적인 방법으로 문제를 설명하겠습니다.여기 jsFiddle이 있습니다. 2개의 주요 루트가 있으며 이 루트는 2개의 다른 컴포넌트를 나타내고 있습니다.router-view Route-1을 클릭하면 경로는 '/route-1'입니다. Route-2 클릭 시 경로는 '/route-2/sub-route-a'입니다. Route-2에는 다른 Route-2가 포함되어 있습니다.router-view다음 2개의 서브루트가 표시됩니다. 서브루트 서브루트 b [ Route - 2 ]를 클릭하면 루트2의 컴포넌트가 열리고 서브루트가 사전에 오픈되어 있습니다.router-view Route-2 내의 메인라우터 뷰와 라우터..

Vue.js에서 컴포넌트가 재렌더되는 원인이 되는 데이터 변경을 찾는 방법 Vue.js에서는 일부 데이터가 변경되면 구성 요소가 다시 렌더링(업데이트)합니다.때때로 리렌더 빈도가 너무 높기 때문에 리렌더의 원인이 되는 데이터의 변경에 대해 알고 싶습니다.재렌더의 원인이 되는 변경된 데이터를 어떻게 알 수 있습니까?Deep-diff 및 단순한 워처를 사용하면 VM 데이터의 이전 복사본과 다른 점을 쉽게 찾을 수 있습니다. new Vue({ el: "#app", data: { counter: 0 }, mounted() { let oldData = JSON.parse(JSON.stringify(this.$data)); this.$watch(vm => vm.$data, (newData) => { console...

Vue : 텍스트 영역 입력의 문자를 제한하시겠습니까?필터를 잘라내시겠습니까? 필터: 스스 : : : : : : : : : : : : : : : : : : : :. filters: { truncate(text, stop, clamp) { return text.slice(0, stop) + (stop < text.length ? clamp || '...' : '') } } v-model에 입력했을 때 빌드는 깨지지 않았어요 조언 좀 해주시겠어요?이것은 컴포넌트를 정말로 사용하고 싶은 경우 중 하나입니다. 다음 예시는 다음 컴포넌트를 렌더링하는 컴포넌트에 나타냅니다.textarea이치노 주의: 이것은 생산 준비가 되지 않았습니다.모든 코너 케이스 컴포넌트를 취급합니다.그것은 예로서 의도된 것이다. Vue.c..

Vue 컴포넌트 템플릿의 요소 속성에 문자열과 변수를 조합 고객 1명 또는 고객 2명이 있는 폼을 가지고 있습니다.카운트를 선택하기 위한 컴포넌트와 클라이언트 정보 폼을 표시하기 위한 컴포넌트를 작성했습니다(클라이언트가 2개인 경우 v-for가 2개인 경우). // also emits the client count 소품을 세팅하고 나서, 나는 그 소품을 잡을 수 있었다.count내 컴포넌트에 있습니다. innerhtml에서는 다음 기능이 작동합니다. Person {{ count }} Info 그리고 문자열을 조합한 속성을 생성하려고 했는데 오류가 발생했습니다.

Vue 라우터 - 매개 변수가 전달되지 않음 Programmatic Navigation을 사용하여 매개 변수를 전달할 수 없는 것 같습니다. 경로는 변경되지만 빈 개체 매개 변수가 있습니다. main.discloss.main.discloss. import Vue from 'vue'; import VueRouter from 'vue-router'; import App from './App.vue'; const Hello = { props: ['name'], template: `Hello {{$route.params}} `, }; const World = { template: `World`}; const routes = [ { path: '/hello', component: Hello, props: true..