반응형

vuex 119

다른 계산 속성을 호출할 때 정의되지 않은 Vue 계산 속성

다른 계산 속성을 호출할 때 정의되지 않은 Vue 계산 속성 전화를 걸려고 하는데 꼼짝도 못하는 것 같다.return다른 계산된 속성 내부의 계산된 속성 값. 지금까지 내 암호는 이렇다. computed: { myTime() { var date = new Date(this.myData.doc[9].time); return date.toString("YYYY MMM dd hh:mm").substring(0,24); }, myName() { return this.$store.getters.findName(this.id) }, series() { var series = [ { name: "TMP", data: [28, 29, 33, 36, 32, 32, 33] }, { name: "HUM", data: [12..

Programing 2022.05.25

Vue.JS - '역사' 및 '추상' 라우터 둘 다?

Vue.JS - '역사' 및 '추상' 라우터 둘 다? 사용자가 5단계 양식을 작성하는 VueJS 앱을 만들고 있다. 이 단계는 다음과 같이 라우팅된다./step-1을 통해/step-5Vue 라우터에.그러나 사이트를 인덱스 페이지로 되돌렸으면 한다(/페이지를 새로 고칠 때. 나는 할 수 있다.abstract이에 대한 모드 – 그러나 결과 페이지는 다음 URL에서 생성된다./result/:userid나는 국가가 되어야 한다.historyURL에서 userid를 가져올 수 있도록(그리고 서버에 사후 요청을 한다). 나도 이 URL이 양식을 마친 후에도 접속이 가능했으면 좋겠는데, 아쉽게도 여기의 추상화는 선택사항이 아니다. 그렇다면 – 두 모드를 모두 사용할 수 있는가?페이지를 새로 고침index.html양식..

Programing 2022.05.24

vuex에 저장된 공리에서 response.data 정의되지 않음 가져오기

vuex에 저장된 공리에서 response.data 정의되지 않음 가져오기 정의되지 않은 response.data 가져오기console.log(this.$store.getters.getData)vue 구성 요소에서 그러나 이 문장으로 response.data를 얻을 수 있다.console.log(resp.data) 난 시도했다.console.log(data)성공적 돌연변이에, 하지만 여전히 정의되지 않은 상태로 돌아왔어 login.vue login: function() { let data = this.$store .dispatch("login", data) .then((resp) => { console.log(resp.data); -> it returned data console.log(this.$sto..

Programing 2022.05.24

Vuex 글로벌 상태 변경이 Nuxt의 v-for 루프에서 리렌더 구성 요소를 트리거하지 않음

Vuex 글로벌 상태 변경이 Nuxt의 v-for 루프에서 리렌더 구성 요소를 트리거하지 않음 나는 Vue.js에서 아동 구성 요소 리렌더와 함께 vuex 글로벌 상태 조합을 사용하는 것이 어렵다.글로벌 상태는 변이되지만 데이터를 v-for 루프에서 다시 렌더링하지 않는다. 모든 데이터 목록이 렌더링되지만, 새로운 데이터가 변경될 때 /blog의 구성요소는 데이터의 데이터를 변경하지 않는다. 몇 가지 코드: /store/index.js export const state = () => ({ allData: [], }) export const getters = { getAllData: (state) => state.allData, } export const mutations = { GET_DATAS(stat..

Programing 2022.05.24

Vuex Store - 볼 수 있도록 상태 저장소에서 데이터 가져오기

Vuex Store - 볼 수 있도록 상태 저장소에서 데이터 가져오기 상태 저장소에 있는 개체의 데이터를 구성 요소 필드에 표시하는 방법 Vuex: state: books: [], // this object has id, title, genre actions: allBooks(context) { axios .get('/api/books') .then(response => context.commit('SET_BOOKS', response.data)) .catch(error => console.log(error)) }, mutations: SET_BOOKS(state, books) { state.books = books }, 구성 요소: created() { this.$store.dispatch('allBo..

Programing 2022.05.23

vuex-oidc를 사용하여 axios 기본 헤더에서 'access_token'을 설정하고 현재 상태를 유지하는 방법 및 위치

vuex-oidc를 사용하여 axios 기본 헤더에서 'access_token'을 설정하고 현재 상태를 유지하는 방법 및 위치 API에 액세스하려면 API 클라이언트의 기본 헤더에 현재 JWT 토큰을 추가해야 한다.oidcStore 모듈에는 가져올 API가 있다.access_token, 그렇다.oidcAccessToken겟터터지다 그래서 내 질문은 이걸 어떻게 부를까 하는 것이다.oidcAccessToken안으로 들어가다.userLoaded이벤트 콜백?혹시 이 헤더를 설정하는 데 더 좋은 곳이 있을까?access_token 변경을 처리하는 이벤트가 있는가? 고마워! // In my `store/index.js` export default createStore({ state: {}, mutations: {..

Programing 2022.05.23

Vuex: 왜 내 게터가 제대로 정렬하지 않는지 모르겠어.

Vuex: 왜 내 게터가 제대로 정렬하지 않는지 모르겠어. store.js. getComments(state) { let allComments = state.allComments; allComments = allComments.sort((a, b) => { return a.stamped > b.stamped; }); return allComments; } allComments코멘트인 객체의 배열이며stamped타임스탬프 필드. 그들은 다음과 같이 반환되고 있다.[{stamped: 1595893492}, {stamped:1595893432}, {stamped: 1595893496}]. 순서가 오르지도 내리지도 않고...가장 낮은 값(최소값)은 반환된 두 번째 값이다.두 가지 문제... 당신은 당신의 get..

Programing 2022.05.22

vuex에서 {dispatch, commit }에 대한 유형은?

vuex에서 {dispatch, commit }에 대한 유형은? 나는 뷔제스 타입스크립트 프로젝트를 받았고 vuex 매장에서 다음과 같은 것을 받았다. async getUserProfile ({ dispatch, commit }: any) {} 음 나는 원하지 않는다.any왜냐하면 그것은 형편없고 당신은 편집자의 도움/완료력이 없기 때문이다.나는 이걸 발견했어.import { Dispatch, Commit } from "vuex";하지만 어떻게 하면 그 정보를{ dispatch, commit }: any당신이 사용하는 것은ActionContext, Vuex가 하는 것처럼: getUserProfile( context: ActionContext) {} 어디에S이다State그리고R이다RootState. 그럼 ..

Programing 2022.05.22

Vuejs에서 구성 요소를 렌더링하기 전에 데이터 가져오기

Vuejs에서 구성 요소를 렌더링하기 전에 데이터 가져오기 Vuejs를 Vuex와 함께 사용하고 있으며 데이터베이스에서 데이터를 가져오는 데 사용되는 작업이 있으므로 이 데이터에 종속된 구성 요소를 렌더링하기 전에 가져오기를 원함.그렇다면 이 행동들을 내 코드에 넣을 수 있는 곳은 어디인가?마운트됨 / 마운트 전 생성 Vuejs 3에서는 마운트된 https://vuejs.org/api/을 참조하십시오.마운트된 후크에서 작업(예: getData)을 사용할 수 있으며 다음 단계로 이동하기 전에 작업 호출이 완료되었는지 확인하기 위해 비동기 대기 모드를 사용할 수 있음 여기 예제가 있다. (나는 단지 데이터를 얻기 위해 어떤 방법이라도 자유롭게 사용할 수 있는 예제에 대해 공리를 사용했다.): My compo..

Programing 2022.05.22

Vue에서 양식 데이터를 올바르게 초기화하는 방법

Vue에서 양식 데이터를 올바르게 초기화하는 방법 그래서 양식을 렌더링하는 컴포넌트가 있고, 또한 Ajax 요청으로 받은 데이터로 필드를 미리 채우는 중이다. 나의 문제는 필드 편집뿐만 아니라 동시에 제출할 새 필드를 추가하기를 원하기 때문에 미리 채워진 데이터와 새로운 데이터를 동일한 오브젝트로 초기화하여 아약스 요청으로 제출하려고 한다.현재 설정된 양식 데이터는 양식이 렌더링되기 전에 필드를 지속적으로 채우지 않는다. 이것은 양식 템플릿이다. X New Status Field Save Cancel 이게 대본이야. data() { return { workflowData: { id: this.$store.state.workflow.id, workflow: this.$store.state.workflow...

Programing 2022.05.21
반응형