factcode

VueJS + Firestore - 자동 저장 투표 스택 오버플로와 유사한 사이트를 가지고 있으며 사용자가 게시물을 올리거나 내릴 수 있습니다.Vuejs / Firestore / VUEX 아키텍처에서 이 정보를 효율적으로 Firestore에 저장하는 방법은 무엇입니까?stackoverflow/reddit과 같은 다른 사이트에서는 이 문제를 어떻게 처리합니까? Firestore는 기입에 따라 과금되고 사용자가 여러 번 연속적으로 투표를 올리거나 내리거나 할 수 있기 때문에 클릭으로 직접 저장하고 싶지 않습니다.또한 이를 통해 트리거되는 여러 클라우드 기능도 있으며, 각 기능을 완료하는 데 시간이 걸립니다. 몇 가지 대안이 있습니다.투표 후 타이머 인터벌을 2초 설정할 수 있으며, 그 시간 내에 변경되지 않..

페이지 리디렉션 후 Vuex 상태가 보존되지 않음 Vue.js에서는 다음 방법으로 사용자를 로그인하고 vuex 스토어에 값을 설정한 후 홈 페이지로 리디렉션합니다. login: function () { axios.post( this.BASE_URL + "/login", { username: this.username, password: this.password, }).then( (res) => { this.$store.commit('setIsAuthenticated', true); this.$store.commit('setToken', res.data.token); this.$store.commit('setPhoto', res.data.photo); this.$store.commit('setUsername..

아이콘 글꼴을 추가하는 방법:bootstrap vue.displays on:disp nav-tab bootstrap vue.disp? 글꼴을 추가하는 방법: bootstrap vue.filename 탭으로 멋집니다. I'm the first tab 시도는 했지만 실수였어요 고마워요부트스트랩 Vue를 사용할 수 있습니다.Slots위해서tabs요소 //add other data //add icon like 설명서에서 탭에 사용자 정의 내용 추가 제목으로 찾을 수 있습니다.언급URL : https://stackoverflow.com/questions/59298787/how-to-add-icon-fontawesome-on-title-nav-tab-bootstrap-vue-js

Vuex 상태 업데이트 방법(MEVN 스택) 학교 프로젝트를 하고 있는데 Vuex를 시험해 보고 있는데 Vuex에서 워크샵 목록을 가져오고 싶은데 상태를 업데이트할 수 없는 것 같습니다. 노드 백엔드는 다음과 같습니다. router.get('/all', (req, res) => { Workshop.find({}) .then( workshop => { return res.status(201).json({ workshop: workshop, success: true }) }) .catch( err => { console.log(err) }) }) 이것이 우체국에서의 나의 결과입니다. Vuex 스토어입니다. import axios from 'axios' const state = { workshop: {} } ..

vuex를 사용하여 API에서 데이터를 가져오는 모범 사례 두 페이지(또는 vue의 용어에 관한 컴포넌트)가 있으며 둘 다 동일한 데이터 세트를 필요로 하며 api over http를 통해 제공됩니다.이러한 2개의 컴포넌트가 표시되는 순서는 정의되어 있지 않습니다(또는 사용자 동작에 의존합니다).데이터는 크게 변경되지 않기 때문에1회만 취득해야 합니다. 나는 ...라는 생각을 알고 있다.state실제 데이터를 저장합니다.mutation변이하다state,그리고.action는 비동기 요구, 멀티태스킹 조정 등의 더러운 작업을 수행합니다. 문제는 다음과 같습니다.위에서 설명한 바와 같이 캐싱 로직을 수행하기 위한 베스트 프랙티스는 무엇입니까? 나는 다음의 세 가지 방법을 생각해 냈지만, 어느 것도 나에게 완벽..

Vue 관리도 js 동적 레이더 차트 vuex의 동적 데이터를 vue-chart.js의 레이더 차트에 적용할 때 올바른 방향을 알려 주실 수 있는지 궁금해서요. 아래는 제 vue 파일입니다. Chart Demo Importance: {{ card.importance }} Effectiveness: {{ card.effectiveness }} 레이더 차트 아래에는 레이더 차트에도 사용할 정보를 동적으로 표시하는 카드 배열이 있습니다.카드를 보여줄 정보는 얻을 수 있지만 레이더 차트는 얻을 수 없어요 뭔가 확실한 것을 놓치고 있는 것 같고, 어떻게든 card.id을 참조해야 한다는 것을 알고 있습니다만, 어떻게 해야 할지 모르겠습니다.레이더 차트 태그에서 :key 바인딩을 시도했지만 다음 오류가 발생합니다...

vuex 저장소 어레이에서 개체를 업데이트하는 방법 나는 vue/vuex/vuetify를 꽤 처음이지만, 점점 요령을 터득하고 있다.제대로 해결하지 못했는데 문제가 생겼어요. 제 가게에는 일련의 "프로젝트"가 있습니다.돌연변이를 통해 항목을 삭제하고 저장소에 추가하면 변경 내용이 배열을 속성으로 참조하는 하위 구성요소에 올바르게 반영됩니다. 그러나 스토어 내의 어레이가 갱신되어도 어레이 내의 아이템 변경은 반영되지 않습니다. 업데이트 액션을 사용하여 "작동"할 수 있는 유일한 방법은 다음 중 하나였습니다. 스토어의 배열에서 프로젝트를 제거한 후 추가합니다. 위에서 설명한 것과 동일하게 동작하는 코드를 사용합니다. state.categories = [ ...state.categories.filter(ele..

Vue 및 Vuex: 뷰 변경에 따라 상태 업데이트 난 지금 이 빌딩을 양식을 렌더링하는 응용 프로그램. 기본 입력 값은 저장소의 데이터와 동일합니다. 저장 버튼을 클릭하면 사용자가 보기에 추가한 새 데이터에 따라 상태가 업데이트됩니다. 현재 입력은 스토어 데이터에 바인딩되어 있기 때문에 입력의 "라이브" 값은 참조할 수 없습니다.사용자가 [Save]를 클릭했을 때, 「live」값을 취득하려면 어떻게 해야 합니까? 컴포넌트 템플릿 Save 요소 data: function() { return {} }, methods: { updateItem(item) { this.$store.commit('updateItem', item); }, }, computed: { items() { return this.$stor..

vue/ssr에서 vuex-persisted state를 구현하는 방법 vue sr 앱에서 상태를 유지해야 하는데 구현 방법을 이해할 수 없습니다. 저장공간으로 쿠키를 사용하고 싶다. readme에 기재되어 있는 대로 플러그인을 설치해도 이상할 정도로 아무 일도 일어나지 않습니다.js-cookies가 "window"를 호출하기 때문에 오류가 발생합니다. 문제는 vue/ssr에서 vuex-persisted state를 구현하는 방법입니다. req.cookies에서는 쿠키에 액세스할 수 있지만 브라우저에서 쿠키를 설정할 수 없습니다.서버측에서는 스토어가 가득 차 js-cookies 콜이 이루어지기 때문에 이것은 예상된 것입니다.소스 코드로 수정될 때까지 저는 다음과 같이 처리했습니다. 보관소.js impor..

저장소 변경 시 Vuejs Vuex 구성 요소가 업데이트되지 않음 단순 스피너를 활성화/비활성화합니다. 스피너 상태를 처리하기 위해 스토어를 만들었습니다. const spinnerStore = { state: { isActive: false }, mutations: { startSpinner: function (state) { console.log('start'); state.isActive = true }, stopSpinner: function (state) { console.log('stop'); state.isActive = false } }, actions: { startSpinner: function ({commit}) { commit('startSpinner'); }, stopSpinner:..