c10106

Vue 2 라이프사이클 - Destroy 전에 중지하는 방법? 에 무언가를 추가할 수 있는가?beforeDestroy부품 파괴를 방지하기 위해? 아니면 부품 파괴를 막을 방법이 없을까? 내 경우는 스파 페이지를 부루트로 바꿀 때 먼저 감시 경로를 이용하지만, 구성 요소가 파괴되기 때문에 트리거되지 않는다는 것을 알았다.벨민 베닥이 말했듯이 당신은 사용할 수 있다.keep-alive 사용할 때keep-alive두 개의 라이프사이클 훅이 더 작동하고 있다.activated그리고deactivated대신에 낚싯바늘을 걸다destroyed 의 목적keep-alive구성 요소를 캐슁하고 파괴하지 않음 사용할 수 있다include그리고exclude…의 특전.keep-alive요소 및 캐시 및 캐시에서 제외될 구성요소..

라라벨믹스 웹팩 공용 경로 그래서 나는 Laravel-Mix를 사용하고 있으며 웹팩에서 코드 분할을 설정했다.나는 이와 같은 Vue 구성 요소에 동적 가져오기를 사용하고 있다. Vue.component('UserMenu', () => import('./components/UserMenu.vue')); 나도 Babel을 사용하고 있기 때문에 내 구문-동적-가져오기 플러그인 로딩이 있다..babelrc프로젝트 루트에 철하다 이것은 모두 잘 작동하고 있으며, 웹팩은 빌드할 때 코드를 적절하게 분할하고 있다.그러나 문제는 그 덩어리를 속보다는 공공의 뿌리에 넣고 있다는 점이다.public/js 만약 내 웹팩에 mix.js가 있다면... mix.js('resources/assets/js/app.js', 'publ..

Vue 클래스 기반 구성 요소 경고: 속성이 인스턴스에서 정의되지 않고 렌더링 중에 참조됨 나는 vue-class 구성 요소와 typecript를 사용하여 vue 구성 요소를 생성하려고 한다(여기 https://github.com/vuejs/vue-class-component) 참조).내가 이해한 바로는, 데이터는 내가 아래에서 했던 것과 같이 클래스에 정의되어 있다. 그러나 나는 다음과 같은 오류를 받는다. "[Vue warn]: Property or method "test" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option..

Vue 선택, v-for 및 v-model이 포함된 값 사전 선택 사용하고 있다.select와 함께v-model그리고 선택권을 가지고 있다v-for그리고 가치로써의 목적.옵션은 ID로 식별되는 일부 요소들이다.사용자 정의 동일성에 따라 옵션을 미리 선택하는 방법(이 경우 동일)id들판)?앵글제비 비슷한 것을 찾고 있다.track by로부터ng-options. https://jsfiddle.net/79wsf1n4/5/ id가 같은 값으로 미리 선택한 입력을 만드는 방법? 템플릿: {{ item.name }} {{ selected.id }} js: var vm = new Vue({ el: '#vue-instance', data: { inventory: [ {name: 'MacBook Air', id: 1},..

Vue+webpack+vue-loader 프로젝트의 다른 js 파일에서 기능을 가져오는 방법 (다른 JavaScript 파일에 JavaScript 파일을 포함하려면 어떻게 해야 하나?) Javascipt + Vue + 웹 팩 + vue-loader nobb...가장 단순한 것에 비틀거리는 것! 있습니다App.vue템플릿 포함: 나는 그 일을 선포했다.isTokenAvailable내부의 Vue에 대한 정상적인 방법methods. 내가 따로 쓴 함수를 사용한다.js파일: mylib다음과 같이 시작한다. import models from './model/models' import axois from 'axios' export default function() { // functions and constants..

vue 2 구성 요소가 포함된 vue 라우터가 5.8과 함께 작동하지 않음 내 vue 구성 요소는 정상적으로 작동하지만 vue 라우터와 함께 구성 요소를 찾을 수 없음 문제는 이 코드에 있다. {path:'home,component:MyHome} 그래서 오류가 나는 이유는,MyHome구성 요소 권리를 보유하는 변수.구성 요소를 에 등록하십시오.Vue.Component구성 요소를 직접 등록하십시오. 해결책 이제 이 문제를 해결하려면 Johhn이 말한 대로, 구성 요소를 가져와 변수에 저장한 다음 아래와 같이 해당 변수를 경로로 전달하십시오. import MyHome from "./components/MyHome.vue" {path:'home,component:MyHome} 아래와 같이 사용해 보십시오. c..

vue.js에서 onfocusout 기능을 사용하는 방법? 커서가 한 텍스트 상자에서 다음 텍스트 상자로 이동하는 즉시 함수를 호출하고 싶다.기능 호출은 탭 클릭 시 또는 예상 입력 후 다음 항목으로 이동해야 한다.명령어를 사용하여 다음에 대한 이벤트 수신기 추가: v-on:EVENT_NAME="METHOD" 예: 또는 더 짧은 구문: @EVENT_NAME="METHOD" 예: new Vue({ el: '#app', methods: { handleBlur(e) { console.log('blur', e.target.placeholder) }, handleFocusout(e) { console.log('focusout', e.target.placeholder) } } }) blur focusout 참조UR..

페이지 로드 시 기능을 호출하기 위해 Vue.js2에서 사용할 라이프사이클 후크를 선택하십시오. 잠재적으로 임의 수의 행(예: 3, 3800 등)으로 채워질 수 있는 테이블이 있으므로 데이터를 채우기 전에 오버레이를 적용하십시오(이미 함수가 있음).applyOverlay()그것을 위하여여기 내 HTML: /* table header */ /* more */ 여기 제 자바스크립트가 있다. var tblItems = [ /* items */ ]; var app = new Vue({ el: '#table', data: { items: tblItems } }); jQuery's를 사용해 보았다.$(document).ready. 그러나 페이지가 로드되는 것을 보고(테이블이 아직 채워지지 않음), 내 오버레이는 몇..

VueJS $store.dispatch에서 여러 매개 변수 전송 두 번째 매개 변수를 디스패치 호출에 전달하고자 함: this.$store.dispatch( 'testAction', this.employee.employeeId, departmentId )); 내 저장소 액션은 다음과 같다. async testAction({ dispatch, commit }, employeeId, departmentId) { console.log(departmentId); return 'Employee Tested'; }, divisionId에 대한 콘솔 로그를 보면 "정의되지 않음"이 표시된다. 다수의 매개 변수를 전달하는 방법에 대한 단서는? 고마워요.설명서를 참조하십시오. https://vuex.vuejs.org/g..

Jest를 사용하여 VueJS 구성 요소의 사용자 지정 모듈 조롱 나는 내 Vue 구성요소 중 하나에 대해 간단한 Jest 유닛 테스트를 작성하려고 한다. 기술 스택:TypeScript, VueJS, Jest, Webpack, 구조: root - src - invite - accept.ts - accept.vue - test - invite - accept.ts - app.ts - jest.config.json - package.json 나는 Jest를 사용하여 종속 모듈을 조롱하려고 할 때 이상한 행동을 관찰해 왔다. src/succ/accept.ts: import Vue from "vue"; import Component from 'vue-class-component'; import { eventBu..