copyscript

오브젝트를 사용합니다.freeze 및 object.freeze는 테이블 데이터 행이 많은 리액티브페이지에서 메모리 증대를 줄이기 위해 사용합니다. 여기에 제시된 접근방식을 사용하여 많은 테이블/행 데이터가 있는 Vue.js 앱에서 메모리 증대를 줄이고 있습니다.특히 IE에서 메모리 증대가 발생하고 있습니다.예를 들어, 몇 개의 행이 있는 페이지는 페이지를 로드할 때 최대 100MB까지 점프할 수 있습니다. 행 데이터를 저장하는 목록/어레이에 들어가는 각 개체를 고정하면 블랫이 크게 감소한다는 것을 알 수 있습니다.100 MB -> 60 MB 여러 페이지에 많은 테이블 데이터가 있는 Vue.js 앱에서 메모리 증대를 줄이는 데 이것이 가장 좋은 솔루션입니까?프리즈가 발생하지 않으면 IE는 2~3페이지에 도..

Vue.use(플러그인)가 'install' 함수를 호출하지 않음 커스텀 vue 컴포넌트를 NPM 모듈로 내보내는 작업을 하고 있습니다.공식 문서 "Packaging Vue Components for npm"에 기재된 절차를 따릅니다. 나의index.js아카wrapper.js파일: // index.js -> wrapper.js // Import vue component import component from "./components/VueOpenapiForm.vue"; import ExtendSchema from "./functional-components/extend-schema.js"; // global components import ObjectForm from "./components/Object..

버튼이 두 번 연속 클릭되지 않도록 하는 방법 이 질문에는 이미 답변이 있습니다. Vue2에서 데바운스를 구현하는 방법 (15개의 답변) 닫힘3년 전. 나는 버튼이 있고, 사용자가 원한다면 버튼을 여러 번 클릭할 수 있다.그러나 사용자가 버튼을 클릭할 때 실수로 두 번 클릭할 수 있으며, 이 경우 두 번째 클릭은 코드에 의해 차단됩니다. 더 설명하자면.두 번의 클릭 사이에 약간의 지연이 있을 것입니다. vue j를 사용하여 이 작업을 수행하려면 어떻게 해야 합니까? Vue docs에서 찾은 이벤트 한정자.stop Increase 이것으로 내가 원하는 일을 할 수 있을까?그가 아니다..stop수식어를 사용해도 문제가 해결되지 않습니다.이 수식자가 하는 일은 이벤트 전파를 방지하는 것입니다(플랜 JavaSc..

Axios가 vuex 작업에서 여러 매개 변수를 사용하여 요청을 게시함 vuex 작업에서 악시를 사용하여 API 데이터를 가져오는 중: actions: { login ({commit}, payload) { axios.post(globalConfig.TOKEN_URL, { payload }) .then((resp) => { commit('auth_success', resp.data) }) .catch((err) => { console.log(err) }) }, } 구성 요소의 데이터 전송 방법: methods: { authChatClient () { let payload = { name: this.clientFio, number: this.clientNumber } this.$store.dispatch('..

Vue 구성 요소에 메서드를 동적으로 추가하는 방법 서버로부터 데이터를 취득할 때, 예를 들면[{methodName:mothodValue},{methodName:mothodValue}]나는 동적 생성 방식을 원한다. methods: { functionArray.forEach(function (item) { item.functionName:function () { item.functionValue; } }) } 그래서 이게 내 코드야 var componentName = Vue.component(componentName, { data: function () { return { value: value } }, template: componentTemplate, methods:{ functionArray.for..

포함 태그를 사용한 Android 데이터 바인딩 업데이트 노트: 위의 예는 릴리스 1.0-rc4에서 불필요한 변수가 필요한 문제가 수정되었기 때문에 올바르게 동작합니다. 첫 번째 질문: 설명서에 기재되어 있는 대로 실행해도 동작하지 않습니다. main.xml: main.xml:

.vue 파일에서 Vue.set() 및 Vue.use() 사용 .vue 파일에서 Vue.set() 및 Vue.use()를 사용하려면 어떻게 해야 합니까?vue-cli를 사용하여 프로젝트의 골격을 설정하고 있으며 검증에 Vue.use(VeValidate)를 사용해야 합니다.그리고 여기에 있는 다음과 같은 것을 사용하고 싶습니다. Vue.set(example1.items, indexOfItem, newValue) .vue 파일 내보내기 개체이므로 Vue 참조를 가져오려면 어떻게 해야 합니까?또한 .vue 파일로 내보낸 기본 개체 내에서 사용하고 싶습니다.즉, 데이터 함수에 존재하는 항목에 Vue.set()을 사용해야 합니다.사용하셔야 합니다.import필요한 곳이면 어디든Vue또는vee-validate스크립..

Vue JS 스크립트에서 데이터 변수에 액세스하는 방법 저는 vue.js.에 처음 접속하여 2.5.13 버전을 사용하고 있습니다. 내 컴퓨터에 접속하려고 합니다.data컴포넌트 파일 스크립트의 변수.하지만 이것은 나에게 a를 준다.undefined메세지. 구성 요소의 ID 특성이 올바른 값을 반환하지만 스크립트 내에서는 반환됩니다.undefined. 이 변수를 사용하려면 어떻게 해야 합니까? 아래는 나의app.js코드 import App from './components/App.vue'; new Vue(Vue.util.extend({ router, data : { test : 1 }, }, App)) .$mount('#root'); 그리고 bleow는 내 앱 컴포넌트 코드입니다. 변수를 할당하다var a..

vuex nuxt에서 중첩된 getter를 가져오는 방법 있습니다store/index.js이것처럼. new Vuex.Store({ modules: { nav: { namespaced: true, modules: { message: { namespaced: true, state: { count: 0, conversations: [], }, getters: { getCount: state => { return state.count; }, }, mutations: { updateCount(state) { state.count++; }, }, actions: {}, }, requests: { namespaced: true, state: { friends: [], }, getters: { getFriends: s..

콜이 완료될 때까지 vue 컴포넌트의 렌더링을 중지하려면 어떻게 해야 합니까? 나는 이것을 검색해 보았지만 구체적인 해결책을 찾을 수 없다.기본적으로 초기 호출에 의존하는 vue 컴포넌트가 있으며 콜이 완료될 때까지 렌더링을 중지하고 그 시점에서 컴포넌트를 렌더링해야 합니다.간단해 보이지만 뭔가 빠뜨리지 않는 한 그렇게 할 수 있는 라이프 사이클 방법을 찾을 수 없습니다. 사용할 수 있습니다.v-if그 때문에 빈 컴포넌트를 렌더링합니다.loaded == true기본적으로는 초기 콜을 발신됩니다.created또는mounted라이프 사이클 방법을 사용하여data오브젝트를 호출 응답으로 설정합니다.통화 중에 데이터를 변경하지 않으면 vue가 렌더링할 필요가 없습니다. 문제를 정확하게 보여주는 jsfiddle을..