반응형

vuex 285

상태 업데이트에도 불구하고 vuex 구성 요소가 업데이트되지 않는 이유

상태 업데이트에도 불구하고 vuex 구성 요소가 업데이트되지 않는 이유 페이지를 로드할 때 항목 목록을 가져온다. 원천 프로젝트의 출처는 온라인: optboxes 페이지; 저장(저장, 동작, 돌연변이, 게이터) optboxes페이지 HTTP 요청은 적절한 데이터 전송 및 반환: created(){ this.getOptboxes(); }, components: { 'optbox': OptboxComponent, }, methods: { getOptboxes() { optboxes.all().then((response) => { this.setOptboxes(response.data.output); }).catch(() = > { this.no_optbox_message = 'there is no optbo..

programing 2022.05.04

vuexfire로 쿼리하는 방법

vuexfire로 쿼리하는 방법 나는 vuexfire로 내 상태를 관리했다.지금은 테스트 중이고 나는 Firebase의 각 "table" / node에 바인딩한다.데이터가 증가하기 시작하면서 나는 클라이언트에게 많은 데이터를 보내지 않기 위해 질의해야 한다. 예를 들면.db.ref('주문')로 주문 "테이블"에 바인딩하지만 하나의 사무실(모든 사무실의 주문은 동일한 노드에 있음)에 바인딩해야 한다.db.ref('주문') 같은 것.eqalTo(xx) xx=> 매개변수.가능합니까? 아마 문제가 아니라, 특별한 지위를 가진 유일한 주문이라 처리된 주문은 없어지지만 새로운 사무실이 추가되면 증가할 것이다.예를 들어 1000개의 주문(그러나 새로운 사무실이 추가되면 증가함) 일부 코드 - firebaseconfi..

programing 2022.05.04

vuejs에서 기본 페이지 지정을 편집하시겠습니까?

vuejs에서 기본 페이지 지정을 편집하시겠습니까? 나는 vuejs + laravel을 취급한다. I 컨트롤러: public function listData (Request $request) { $currentPage = !empty($request->currentPage) ? $request->currentPage : 1; $pageSize = !empty($request->pageSize) ? $request->pageSize : 30; $skip = ($currentPage - 1) * $pageSize; $totalProduct = Product::select(['id', 'name'])->get(); $listProduct = Product::select(['id', 'name']) ->skip..

programing 2022.05.04

Vue는 두 프로젝트 간에 구성 요소 및 자산 공유

Vue는 두 프로젝트 간에 구성 요소 및 자산 공유 두 프로젝트 간에 구성 요소와 자산을 공유하는 가장 좋은 방법은 무엇인가?npm 링크를 사용하여 로컬 npm 패키지를 만들어 보았지만, 만들면 종속성을 찾을 수 없다고 나와.이렇게 할 수 있는 좋은 방법이 있을까? 또한 프로젝트에서 자산이 주요 자산 디렉토리보다 다른 자산 디렉토리에 있는 경우에도 자산이 축소/태그될 것인가?참조URL: https://stackoverflow.com/questions/52131762/vue-share-components-and-assets-between-two-projects

programing 2022.05.03

Vuex의 nuxt 구성을 내부 작업으로 가져오는 방법

Vuex의 nuxt 구성을 내부 작업으로 가져오는 방법 nuxt 프로젝트에서 vuex 작업에 api url을 제공하는 방법은?난 들어가려고 한다.nuxt.config.js publicRuntimeConfig: { apiURL: process.env.API_URL || 'http://127.0.0.1:3001/api/v1', }, 그러면 나는 vuex 액션을 통해 그것을 얻으려고 하는데, 나는 그것을 가지고 있지 않아. context그리고this그런 것도 없고 그런 것도 없다.$config. vue 구성 요소에서 나는 그럭저럭 살아간다.this.$config.apiURL성공적으로, 그러나 vuex 작업에서는 그렇지 않다.덕택에 vuex로 참조할 수 있다.this.app.$config.apiURLnuxt.c..

programing 2022.05.03

vuex의 동적 변수에 대한 속성을 보는 방법

vuex의 동적 변수에 대한 속성을 보는 방법 나는 노드가 그래프에서 선택되었을 때 조건부로 표시되는 측면 패널 구성요소에 입력을 가지고 있다.입력은 노드 이름에 해당된다.입력은 측면 패널 구성 요소의 일부분이다.그래프는 자체 그래프 구성 요소 안에 있다. vuex에는 모든 그래프 노드의 세부 정보 목록과 현재 선택된 노드의 다른 속성(또는 사용자가 선택하지 않은 경우 null)이라는 두 개의 게터가 있는 저장소가 있다. 이 그래프는 타사 라이브러리에 있으며 Vue 내에서 노드 이름이 변경될 때 알림을 받아야 한다.그래프가 페이지의 완전히 분리된 부분과 다른 구성요소에 있기 때문에 나는 변화를 감지하는 방법을 찾기 위해 애쓰고 있다. 요컨대, 선택한 노드가 변경될 수 있을 때(그리고 무효가 될 수 있을 ..

programing 2022.05.03

Vuex Getter가 업데이트되지 않음

Vuex Getter가 업데이트되지 않음 아래 게이터가 있다. withEarmarks: state => { var count = 0; for (let l of state.laptops) { if (l.earmarks.length > 0) { count++; } } return count; } 구성 요소에서 이 계산된 속성은 다음과 같다. withEarmarks() { return this.$store.getters.withEarmarks; }, 반환되는 값은 랩톱 어레이에서 요소를 변경하고 게터가 업데이트되지 않을 때까지 정확하다.당신의 경우state.laptops.earmarks배열이며, 배열 색인으로 조작하는 경우state.laptops[index]. Vue는 상태 배열의 돌연변이에 (색인별로) 반응..

programing 2022.05.02

Vuex 상태에서 Vue 라우터를 사용하는 방법?

Vuex 상태에서 Vue 라우터를 사용하는 방법? 사용 중인 구성 요소: this.$router.push({ name: 'home', params: { id: this.searchText }}); 경로를 변경하다.나는 이제 내 Vuex의 행동으로 방법을 옮겼으며, 물론this.$router더 이상 작동하지 않는다.또한 그렇지 않다.Vue.router그럼, Vuex 주에서 라우터 메소드를 어떻게 부르지?라우터 인스턴스가 필요해서 vuex-router-sync가 도움이 안 될 것 같아. 따라서 이것이 이상적으로 느껴지지는 않지만 웹 팩 내에서 해당 인스턴스를 전역으로 설정할 수 있다. global.router = new VueRouter({ routes }) const app = new Vue({ route..

programing 2022.05.02

비동기 작업 Vuex로 상태 로드

비동기 작업 Vuex로 상태 로드 어떻게 해야 효과가 있는지 알 수 없다. 데이터()에 상태 값을 입력해야 하는 적절한 타이(제품)를 로드하려고 한다. 내 구성 요소: data () { return { productos: this.$store.state.mStock.productos } }, created() { this.$store.dispatch('fetchProductos') } 이 시점에서 나는 내 부품을 적재할 때 내 조치를 취해서 상점에 국가를 적재한다.문제는 내가 국가를 채우는 방식이 비동기식이라는 것이다. 저장: import StockService from '@/services/StockService' export const moduleStock = { strict: false, state..

programing 2022.05.01
반응형