manycodes

구성 요소 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..

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

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

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

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..

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

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: ';'에 오류가 ..

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

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..

구성 요소에 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, ..