goodsource

vuex 작업에서 반환되는 약속 내부의 VueJS 메서드 테스트 Vue 구성 요소는 vuex 스토어의 매핑된 작업을 사용하여 약속을 반환합니다.구성 요소가 매핑된 작업을 호출하고 매핑된 작업이 해결되면 다른 vue 메서드를 호출합니다.vm.$router.push()나는 주장하고 싶습니다.push메서드가 호출됩니다.다음은 구성 요소, 테스트 및 구성 요소를 vuex 및 vue-router로 보충하기 위해 만든 몇 가지 도우미 메서드입니다. 여기 내꺼.vue콘솔이 있는 구성 요소입니다. 진행 상황을 추적할 수 있습니다. Promise 여기 제 시험이 있습니다.모카, 카르마, 차이, 그리고 제쿼리치아를 사용하고 있습니다. import Testing from '@/components/Testing' descri..

Vuetify 진행률 막대 계산에서 null 값을 제거하는 방법 페이지의 12개의 체크박스를 클릭하면 완료율이 변경되는 진행률 바가 있습니다.문제는 모든 상자를 체크할 때까지(그 후 100이 될 때까지) NaN이 생성된다는 것입니다. 수식의 null 값을 무시하면 1개 또는 2개의 상자만 켜져도 진행 표시줄이 작동합니다. vue.js로 구축... 진행 표시줄: 체크 박스가 있는 카드의 예: Reference 3 Name: {{ member.reference3 }} Phone: {{ member.reference3Phone }} Description: {{ member.reference3Description }} 방법: updateValid () { let {member} = this; this.$stor..

Vuex 액션 - Axios 반환 약속 공리들이 돌려준 약속을 두 곳에서 사용하는 데 어려움이 있다.사용하고 싶다.then()Vuex 액션의 내면에 있는 내 상태에 변경을 커밋하고, 공리적인 약속을 반환하고, 그것을 사용한다..then()UI를 업데이트하기 위해 컴포넌트 내에서 다시 작업을 수행합니다.제가 직면한 문제는 약속 응답이 컴포넌트 내부에서 정의되어 있지 않다는 것입니다. // component methods: { getUser(userId) { this.$store.dispatch('GET_USER', userId) .then(response => { console.log(response); // undefined }); } } // vuex actions: { GET_USER: ({commi..

vue 앱에서 처음 로드한 후 다이내믹 PixiJ 캔버스가 잘못됨 Vue.js로 웹사이트를 구축하고 PixiJs를 사용하여 큰 json 파일에서 가져온 데이터로 캔버스를 동적으로 그립니다.캔버스는 컴포넌트로 생성되어 뷰에서 사용됩니다. 처음으로 캔버스를 사용하여 뷰로 이동하면 모든 것이 정상으로 보입니다.하지만 뷰 사이를 이동하기 시작하면, 그림이 엉망이고 스프라이트는 다 있지만, 모두 뒤죽박죽으로 보입니다.그런 다음 페이지를 새로 고치면 캔버스는 다시 정상으로 표시됩니다.다음은 이미지입니다. 무슨 문제인지는 모르겠지만 여러 가지가 복합적으로 작용한 것 같아요.사용하고 있는 10만 회선 json 파일도 관련이 있을 수 있습니다(화면도 조작이 느리다는 느낌이 듭니다). Vue 컴포넌트는 다음과 같습니다. ..

ID 필드별로 Vuex에 저장된 개체 배열에서 항목을 가져오려면 어떻게 해야 합니까? 에 오브젝트 배열이 있습니다.Vuex스토어. 이렇게. [ { id: 1, value: 'some value' }, { id: 2, value: 'other value' }, ... ] getter를 생성하여 어레이의 특정 항목을 가져올 수 있는 방법이 있습니까?id? 뭐랄까 getArrItem(state, id) { return state.find(item => item.id === id); } method-style-access 는 다음과 같이 사용할 수 있습니다. getArrItem: (state) => (id) => { return state.items.find(item => item.id === id); } 언급..

Axios를 사용하여 Vuex 스토어에서 데이터 검색 나는 내 질문에 대한 가능한 답을 찾아봤지만 더 이상 제안할 수 없었다. 제 프로젝트의 구조는 다음과 같습니다.PoolMainPage를 가지고 있습니다.이 페이지에는, 다음의 정보를 표시할 수 있습니다.activePool물건.내부PoolMainPage서브페이지에 직접 접속하는 옵션이 있습니다).TeamSelector그리고.PoolStandings의 정보도 필요합니다.activePool물건. activePool 개체가 Vuex 저장소의 끝점에서 가져옵니다.그 코드는 다음과 같습니다. const actions = { getActivePool({ commit }) { const config = { headers: { 'Content-Type': 'appli..

vue.js 2의 입력 유형 텍스트 값을 업데이트하려면 어떻게 해야 합니까? 내 뷰 블레이드 라벨은 다음과 같습니다. View 블레이드 laravel call vue 구성 요소(검색 헤더 뷰 구성 요소) 내 vue 컴포넌트(search-header-view 컴포넌트)는 다음과 같습니다. {{ state.name }} 입력 텍스트에 키워드 "product"를 입력하면 "product chelsea", "product riverpool", "product arsole"이 자동 완성됩니다. product chelsea를 클릭하면 http://myshop.dev/search?q=product와 같은 URL이 나타납니다. http://myshop.dev/search?q=product+sublic과 같은 URL이 ..

동적 계산 속성 이름 computed: { ...mapGetters(['getElements']), element() { return this.getElements(this.formId, this.sectionId, this.elementId); }, [this.element.inputName]: { }, } 에러가 발생합니다.Uncaught TypeError: Cannot read property 'element' of undefined 프로펠러 이름을 동적으로 설정하려면 어떻게 해야 합니까?이 게시물에 따라 계산된 속성을 동적으로 추가할 수 있습니다. 즉시 계산된 속성을 생성합니다. 속성 이름 소스가 중첩되어 있고 (아마도) 비동기적이기 때문에 변경을 처리하려면 딥 워처가 필요합니다. 속성 사용은 제..

Vuex 상태 boolen 속성이 정의되지 않음으로 표시됨 부울 상태 속성이 있는데 정의되지 않은 상태로 표시됩니까? export default { state: { userStateChanged: false, ... 수행한 데이터를 가져오는 동안console.log이 상태 속성에서 콘솔이 정의되지 않은 상태로 표시됩니다. async FETCH_ALL_USERS(context, page) { console.log('state changed?', this.state.userStateChanged); if (this.state.userStateChanged === false) { return this.state.users; } else { console.log('return new set'); const us..

Vuex – 상태에서 "this" 키워드를 사용하여 하위 컴포넌트의 메서드에 액세스합니다. Vue(+Vuetify) 및 Vuex를 사용하고 있습니다.store > state에는 네스트된 오브젝트가 있습니다.하위 컴포넌트에서 매핑하는 것은 예상대로 동작하지만 오브젝트 내에서는 에서 메서드에 액세스하려고 합니다.child component타고this.row그리고.this.hidden그 결과, Uncaughed TypeError: 정의되지 않은 속성 '행'을 읽을 수 없습니다. 아래는 스토어와 자 컴포넌트의 코드입니다. // store.js const state = { myValue: { radioRequesttype: "New Registration", numberInfo: [{ sNumber: '' }] ..