newsource

관련 없는 구성 요소 간의 Vue 통신 App.js에서 렌더링하는 navbar 구성 요소가 있습니다.다른 페이지에 빠른 추가 버튼이 있는 제품 카드가 있습니다.제품 카드에서 제품을 추가할 때마다 카운트가 증가하는 카트 아이콘을 네비게이션 바에 추가하고 싶습니다.하지만 그들은 부모나 형제자매가 아니기 때문에 제품 카드에서 여기 있는 내비게이션 바로 데이터를 전달하는 방법에 대해 잘 모르겠습니다.어떤 예든 정말 도움이 될 것입니다.여기 피니아와 같은 솔루션이 있습니다. const { createApp, ref } = Vue const { createPinia, defineStore, storeToRefs } = Pinia const useStore = defineStore('currentDocument', ..

상태 변경 시 믹스인을 사용하여 차트를 업데이트하는 방법은 무엇입니까? 지도를 만들었습니다.chartDatavuex를 사용하여 상태 속성으로 이동합니다.제가 하고 싶은 것은 데이터 세트가 업데이트될 때 차트를 업데이트하는 것입니다.믹스인은 자동으로 감시자를 설정합니다.chartData설명서에 따르면 vuex와 함께 사용하는 방법을 잘 모르겠습니다. 라인 차트.js: import { Line, mixins } from "vue-chartjs"; const { reactiveProp } = mixins; export default { extends: Line, mixins: [reactiveProp], props: ["options"], mounted() { this.renderChart(this.chart..

VueJS - VueX : 비동기 프로세스 후 알림 표시 단일 파일 구성 요소 추출: 내 VueX 스토어에서: 저는 이미 로딩 스피너 표시에 사용되는 로딩 상태를 관리하고 있습니다. 이제 토스터 라이브러리를 사용하여 알림 위젯을 프로그래밍 방식으로 표시하려고 합니다.toastr.success("Your profile has been updated"); 이 코드를 어디에 두어야 합니까?이 코드를 스토어의 updateUserProfile 기능에 직접 넣는 것은 좋은 방법이 아니지만, 호출이 이루어지는 단일 파일 구성요소에 더 많이 넣는 것은 좋은 방법입니까? /* * Action used to fetch user data from backend */ updateUserProfile ({commit, stat..

변환이 VUEX의 스토어를 업데이트하지 않음 VUEX로 작업하면서 스토어를 업데이트하려고 하지만 달성하지 못했고, 복잡하지 않은 수치 데이터만 입력하고 싶어 그 이유를 이해할 수 없습니다.변환에 콘솔로 메시지를 입력하면 성공적으로 수신되지만 카트 상태에서는 아무 일도 발생하지 않습니다. 내 코드는 다음과 같습니다. 돌연변이.js export function shipping(state, cost) { state.cart.shipping = cost; console.log(cost); console.log('hello from mutation'); } 템플릿: 방법들 ...mapMutations('cart', ['addProductToCart', 'subtractProductToCart', 'removePr..

HTML 템플릿에서 사용하기 전에 계산된 속성에서 게터를 어떻게 조작합니까? Vuex 스토어의 게터를 계산된 속성으로 매핑하고 있으며 구성 요소 템플릿에서 사용하기 전에 속성(개체 배열)을 조작하려고 합니다.내가 어떻게 할 수 있는지 알아요? 계산된 속성을 보려고 했지만 작동하지 않습니다. import {mapGetters} from 'vuex computed: { ...mapGetters([ 'property' ]) } 단순 변수에 대해 사용하는 것처럼 다른 사용자 지정 속성에서 getter를 사용할 수 있습니다. {{item}} 그런 다음 사용할 수 있습니다.transformedItems템플릿에서언급URL : https://stackoverflow.com/questions/55819611/how-do..

Vue js가 사용자 지정 구성 요소를 렌더링하지 않음 저는 이것을 사용하고 있습니다.http://monterail.github.io/vue-multiselect/ vue와 그 libaries를 사용하여 단일 js 파일을 빌드하고 다른 코드를 스크립트 태그에 넣습니다.컴포넌트가 등록되었습니다.데이터를 넣었더니 비어있네요 '시작하기'의 코드일 뿐 특별한 건 없어요콘솔에 오류는 없고 빈 노드만 있습니다.중요한 건 이걸 다른 컴포넌트 안에 넣고inline-template(루트: 루트에서도 동일) 이렇게 해서 웹 팩을 사용하여 파일이 생성되었습니다. window.Vue = require('vue'); window.Multiselect = require('vue-multiselect'); 그러면 컴파일된 파일을 ..

Vuex 상태를 업데이트할 때 V-snackbar가 표시되지 않음 난 왜 내가 이 일을 했는지 모르겠어Vuex 상태를 업데이트할 때 구성 요소가 표시되지 않습니다. 설정은 매우 간단합니다.Spackbar.js에 스낵바가 있는데 주의 변화를 듣고 있어요. 이 Spackbar.js는 App.vue에서 하위 구성 요소로 Import되므로 글로벌합니다. 다음으로 간단한 버튼이 있는 Test.vue가 있습니다.버튼을 클릭하면 State가 업데이트되고 스낵바가 렌더링되지만 그렇지 않습니다. Chrome Vue Devtools의 Spanechbar 컴포넌트를 조사함으로써 데이터가 실제로 스토어에 도착하지만 테스트의 반응성 소품을 업데이트하지 않는다는 것을 알 수 있었습니다.표시하다 관련 코드는 다음과 같습니다. 스낵..

vuex namesthed 모듈 상태에 대한 getter 및 setter를 생성하는 방법 네임슬레이징된 Vuex 모듈이 있는 경우 Vue 컴포넌트에서 이러한 상태를 사용할 때 해당 모듈의 상태에 대한 getter 및 setter를 작성하려면 어떻게 해야 합니까? // My component new Vue({ computed: { // How do I add setters also below???? ...mapState('nameSpacedModA', { a : state => state.a, // ... }, // Following will only add getters.. // How to add setter ??? ...mapGetters('nameSpacedModA', { a: 'a', b: 'b'..

파이어베이스 관찰 방법auth().currentUser.displayName 및 기타 변경 속성 Firebase auth를 사용하고 있으며 사용자가 프로파일을 변경할 때 예를 들어displayName,photoURL, 또는email기타.onAuthStateChanged콜백은 실행되지 않지만 기본은firebase.auth().currentUser자동으로 갱신됩니다. 사용자가 프로필을 업데이트한 후 UI를 업데이트해야 합니다.계속 간직하고 싶다firebase.auth().currentUser클라이언트 스토어와 동기화(구체적으로는vuex또는redux- 스토어 같은 것. 관찰할 수 있는 방법이 있나요?firebase.auth().currentUser변경 또는 기타 후크를 사용하여 언제 알림을 받을 수 있는지 확..

Vuex 스토어에서 모든 인스턴스를 업데이트합니다. 현재 인스턴스만 업데이트하십시오. 사용자가 댓글을 좋아하거나 싫어할 수 있는 간단한 블로그 페이지를 만들고 있습니다.현재 문제는 사용자가 "add Like" 또는 "subtract Like" 메서드를 누를 때마다 현재 클릭 중인 댓글뿐만 아니라 모든 코멘트가 업데이트된다는 것입니다. 스토어: export const state = () => ({ comments: [ { id: 1, likes: 0, name: 'amyrobson', img: '/img/avatars/image-amyrobson.png', post: `Impressive! Though it seems the drag feature could be improved. But overall i..