반응형

vueX 13

구성 요소 Vue 3에서 속성 렌더링 방법

구성 요소 Vue 3에서 속성 렌더링 방법 제품은 두 가지 종류가 있습니다. 단순한 제품과 구성 가능한 제품입니다. "products" : [ { "type": "simple", "id": 1, "sku": "s1", "title": "Product 1", "regular_price": { "currency": "USD", "value": 27.12 }, "image": "/images/1.png", "brand": 9 }, { "type": "configurable", "id": 2, "sku": "c1", "title": "Product 2", "regular_price": { "currency": "USD", "value": 54.21 }, "image": "/images/conf/default.p..

source 2023.07.20

vuex와 v-bind:class를 함께 작동할 수 없습니다.

vuex와 v-bind:class를 함께 작동할 수 없습니다. v-server:class="{selected:$store.getters를 사용하여 특정 상태 속성이 참일 때 vuex에서 CSS 클래스를 선택하도록 하려고 합니다.선택[상태] }". 제 모든 코드를 제공할 수는 없지만, 누군가가 상자에서 바로 이렇게 작동하는지 알려주실 수 있나요?저는 그 $store.getters를 알고 있습니다.selected[status]는 true 또는 false를 반환하지만 클래스를 활성화하지는 않습니다.

source 2023.07.10

vuex 스토어를 라벨 페이지로 가져오는 동안 예기치 않은 토큰 오류가 발생했습니다.

vuex 스토어를 라벨 페이지로 가져오는 동안 예기치 않은 토큰 오류가 발생했습니다. Vuex에 새로 온 Vuex에 새로 온 제품입니다.모든 구성 요소가 분기된 기본 페이지로 저장소를 가져오려고 하는데 브라우저 콘솔에서 "예상치 못한 토큰 {" 오류가 계속 발생합니다.설명서를 다 읽었지만 이 문제를 해결할 만한 것을 찾을 수가 없습니다.저는 제가 할 수 있는 모든 구문을 바꾸려고 노력했지만, 그것은 차이가 없는 것 같습니다.가져오기에서 저장소 주변의 괄호가 문제인 것처럼 보이지만, 괄호를 제거하면 새로운 "예상치 못한 식별자" 또는 "예상치 못한 문자열" 오류가 나타납니다.제가 잘못 수입한 건가요?이 형식은 이 새 vue 인스턴스가 아닌 내 모든 구성 요소에서 잘 작동합니다. vuex-test.blade..

source 2023.06.20

Vuex: 상수 대신 돌연변이/작용의 함수 이름을 사용할 수 있습니까?

Vuex: 상수 대신 돌연변이/작용의 함수 이름을 사용할 수 있습니까? 아래 코드와 같이 동작/변위에 상수 대신 함수 이름 속성을 사용하는 것이 좋은 생각입니까? Vuex 공식 문서 작성자는 동작/변위에 상수를 사용할 필요가 없다고 말합니다.그래서 저는 함수 이름에 기반한 타입을 사용해보고 싶습니다. 구성 요소: this.$store.dispatch(authActions.login.name, { email: this.email, password: this.password }) 작업: async login(context, { email, password }) { // some code } 저는 다음과 같은 답변을 기다리고 있습니다. 예, 사용할 수 있습니다. 이 방법에는 잠재적인 문제가 없습니다. 네, 하..

source 2023.06.15

Vue 3에서 Vuex 4용 Web 소켓 플러그인 구현(소켓 라이브러리에 의존하지 않음)

Vue 3에서 Vuex 4용 Web 소켓 플러그인 구현(소켓 라이브러리에 의존하지 않음) Vue 3 어플리케이션이 Vue 4와 연동되어 있는데 Vuex를 통해 모든 웹 소켓 작업을 일원화하려고 합니다.이 튜토리얼을 따르고 있지만 Vuex 스토어에 플러그인을 연결할 수 없습니다.웹소켓 참조 가능한 한 독립적이어야 하므로 라이브러리나 소켓을 사용할 수 없습니다.IO: 플러그인 코드는 다음과 같습니다. var store = null var ws = null function startWebsocket() { ws = new WebSocket('socketURL') ws.onmessage = function (event) { console.log('webSocket: on message: ', event.data..

source 2023.01.19

vuex의 상태를 기반으로 보기를 전환하려면 어떻게 해야 합니까?

vuex의 상태를 기반으로 보기를 전환하려면 어떻게 해야 합니까? 단추가 있습니다. Log me in! 현재 사용하고 있는 vuex 앱의 상태에 따라 css 클래스를 변경하고 싶습니다.(state.usernull이 아닙니다) 이 코드를 작성하는 적절한 방법은 무엇입니까? 이 보기의 클래스 이름인 상태에서 필드를 만들고 그에 따라 작업/변환에서 필드를 변경할 수 있습니다.하지만 제가 이 논리를 세워야 할 더 좋은 곳이 있을까요?이 필드는 완전히 컴포넌트에 의존하기 때문에 글로벌 상태로 "유출"되어서는 안 된다고 생각합니다.일반적인 객체바인딩 구문을 사용합니다. Log me in! 또는 Vuex에서 getter를 정의하고 클래스 정의에 사용합니다.올바른 방법은 계산된 함수를 사용하여 v-show 디렉티브를 ..

source 2022.12.25

vue .net 코어 애플리케이션의 Vuex

vue .net 코어 애플리케이션의 Vuex ASP가 있어요.Vue 프론트 엔드를 갖춘 NET Core 프로젝트.이것은 다음을 사용하여 작성되었습니다. dotnet new — install Microsoft.AspNetCore.SpaTemplates::* dotnet new vue 빌드 및 실행은 정상적으로 이루어지지만 상태 관리를 위해 vuex를 추가하려고 하면 오류 목록이 나타납니다. 다음을 실행하여 vuex를 추가하는 경우 npm install --save vuex 그리고 내가 추가할 때마다: import Vuex from 'vuex' 에러 리스트는 다음과 같습니다. [at-loader] ./node_modules/vuex/types/helpers.d.ts: 5:45 TS1005: ';'에 오류가 ..

source 2022.12.05

특정 페이지에서만 Vue Router 액세스 경로

특정 페이지에서만 Vue Router 액세스 경로 사용자가 처음 로그인한 후 [Create Profile]페이지로 리다이렉트 하면 모든 프로파일 정보를 입력합니다.그 후, 유저가 브라우저에 URL 를 입력하는 등, 이 사이트에 액세스 할 수 없게 합니다(예: www.myproject.com/createProfile)). 로그인 페이지로부터의 리다이렉션만이 Create Profile 페이지에 액세스 할 수 있도록 하려면 어떻게 해야 합니까?즉, 사용자가 URL을 수동으로 입력하면 404 페이지로 리디렉션됩니다. 현재 Create Profile 루트는 다음과 같습니다. { path: '/createprofile', name: 'CreateProfile', component: CreateProfile, bef..

source 2022.11.16

Vue 3 앱에서 계산된 속성이 반응하지 않는 이유는 무엇입니까?

Vue 3 앱에서 계산된 속성이 반응하지 않는 이유는 무엇입니까? 쟁점. ✅ Vue 2: vuex 스토어 변환 후 계산된 속성이 업데이트됩니다. ❌ Vue 3: vuex 스토어 변환 후 계산된 속성이 업데이트되지 않습니다. Vuex 4 목적:Firestore에서 게시물을 가져옵니다."postsArray"에 추가합니다.돌연변이를 커밋합니다. 주의: "getNextPosts" 함수는 무한 스크롤이 가능한 (작업 중인) 교차로 옵서버에서 호출됩니다. const postsArray: Array = []; const vuexStore = createStore({ state: { posts: [] }, actions: { // See https://firebase.google.com/docs/firestore/qu..

source 2022.11.15

구성 요소에 Vuex 맵 상태가 정의되어 있음에도 정의되지 않은 오류가 발생함

구성 요소에 Vuex 맵 상태가 정의되어 있음에도 정의되지 않은 오류가 발생함 vuex mapState 함수를 사용할 수 없습니다.내 파일 TheHeaderComponent.vue, 두 개 다 인쇄하려고 합니다.{{ $store.state.coins }}그리고.{{ coins }}하지만 내가 합격했는데도 전자만 출력되고 있다....mapState['coins']컴포넌트에 넣습니다. 표시되는 관련 오류는 다음과 같습니다.vue.esm.js?a026:628 [Vue warn]: Property or method "coins" is not defined on the instance but referenced during render. Make sure that this property is reactive, ..

source 2022.11.15
반응형