prostudy

Vuejs에서 vuex Store로 데이터를 전달하는 방법 vuejs 컴포넌트와 vuex 스토어가 있습니다. vue 컴포넌트에서 vuejs 스토어로 데이터를 보내고 vuex에서 데이터를 DB로 푸시하는 함수를 호출하고 싶습니다. currentUser에서 데이터를 가져오지만(작동 가능), vuex 스토어에서 다음 오류가 발생합니다.Cannot read property 'push' of null. 나는 달린다createPost그것은 작동하지만 데이터가 vuex 스토어에 푸시되지 않는 것은 위의 오류 때문인 것 같습니다. #vuejs component import { mapState, mapGetters, mapMutations, mapActions } from "vuex"; import { SET_NEWPO..

Vue Router가 항상 브라우저를 새로고침 - vuex-state 손실 간단한 것처럼 보였지만 지금은 그렇게 간단하지 않은 문제가 있습니다. vue-cli(라우터, VueX, PWA)를 사용하여 Vue 프로젝트를 셋업했습니다.VueX에서는 (매뉴얼의 권장사항에 따라) 몇 가지 루트와 몇 가지 스테이트필드를 항상처럼 설정했습니다. import Vue from 'vue' import VueRouter from 'vue-router' import Home from '@/views/Home.vue' import Login from '@/views/Login.vue' import Logout from '@/components/functional/Logout.vue' import Datapoints from '..

v-for에서 v-if에 대한 VueJS 필터 다음과 같은 필터가 있습니다. computed: { ...mapState({ myNodes: (state) => state.myNodes, configPositions: (state) => state.configPositions, configEmoji: (state) => state.configEmoji, }), nodes_filtered: function () { return this.myNodes.filter((nodes) => { return nodes.deleted == false }) }, emojis_filtered() { return this.configEmoji.filter((emojis) => { // console.log(emojis) //..

vue 구성 요소 데이터 내의 어레이를 업데이트하는 중 컴포넌트 데이터 내에 null로 초기화되거나 문자열이 포함되어 있는 키가 있습니다.원하는 수만큼 관련 키를 만들 수 있고 null 또는 여러 값을 사용하여 초기화할 수도 있습니다.새로운 입력 필드를 추가하기 위해 버튼을 누를 때마다 페이지가 다시 렌더링되고 데이터가 다시 초기화되는 문제가 발생합니다. 이 문서를 보고 있는데 addKeys 함수 내에 디버거를 배치하면 오류 메시지가 나타납니다.this.licence.associatedKeys.$set is not a function이 에러는 이해할 수 없습니다.또, 관련지어져 있는 키 배열에 요소를 추가하는 방법을 알 수 없습니다. Associated Keys Add new key 리디렉션되는 이유는 ..

Vuex 돌연변이 및 작업이 작동하지 않음 Vue와 Vuex는 처음이라 저장소에서 데이터를 변환하는 방법을 찾고 있습니다. 현재 내 주(州)에서 기본 사용자 이름은 'default'이며, 이를 'oto'로 변경하고 싶습니다. 나중에 데이터베이스에서 이 정보를 가져옵니다.하지만 이해를 위해 난 그저 이 일이 잘 풀리도록 노력하고 있어. 이 시점에서 구성 요소가 올바르게 로드되고 '기본값'으로 표시됩니다.에러는 없다. store.js: // store.js export default { state: { username: 'default' }, getters: { }, mutations: { changeUsername (state) { state.username = 'otto' } }, actions: { c..

구성 요소에서 vuex에 API 데이터 커밋 API 호출에서 데이터를 스토어로 푸시하려고 하는데 commit이 정의되지 않고 dispatch가 정의되지 않은 등의 오류가 계속 발생합니다.문서를 올바르게 이해하면 돌연변이를 만들어 컴포넌트의 상태를 조작할 수 있습니다.지금 한 시간 동안 빙글빙글 돌고 있으니 안내 좀 해주시면 감사하겠습니다. main.discloss.로 되어 있습니다. import Vue from 'vue' import Vuex from 'vuex' import App from './App.vue' import router from './router' import 'es6-promise/auto' Vue.config.productionTip = false new Vue({ router, r..

vuex getter의 Nuxt 플러그인 기능에 액세스하는 중 nuxtjs와 vuex를 시작하고 있습니다.방금 Getter에서 결합된 삽입 플러그인 기능에 액세스하는 데 문제가 발생했습니다.예: nuxt.config.config.syslog ... plugins: [ '~/plugins/myplugin.js' ], ... ~/plugins/myplugin.js function doSomething(string) { console.log("done something: " + string) } export default ({ app }, inject) => { inject('doSomething', (string) => doSomething(string)) } ~/store/index.devel export..

Vue: 컴포넌트와 함께 스토어를 사용하는 방법 //스토어 export default { state: { aboutModels: [] }, actions: { findBy: ({commit}, about)=> { //do getModels var aboutModels = [{name: 'About'}] //Vue.resource('/abouts').get(about) commit('setModels', aboutModels) } }, getters: { getModels(state){ return state.aboutModels } }, mutations: { setModels: (state, aboutModels)=> { state.aboutModels = aboutModels } } } //컴포넌트 ..

vue b-table 모든 행을 표시하도록 페이지 번호 사용자 지정 bootstrap-vue를 사용하고 있습니다.b-table의 pagination에는 템플릿에 다음 코드를 가진 b-pagination 컴포넌트를 사용했습니다. Per page Found: {{this.totalRows}} 스크립트 부분은 다음과 같습니다. data() { return { totalRows: 1, perPage: 10, currentPage: 1, sortBy: "name", sortDesc: false, pageOptions: [5, 10, 20, 50, "show all"], fields: [..myfields] }; } 옵션 필드에서 "모두 표시"를 사용하면 모든 행이 표시되지만 페이지 수가 사용 가능한 한 페이지에만..

콘솔을 사용하여 커밋에 데이터를 삽입하려면 어떻게 해야 합니까?VueX 나는 이렇게 하려고 한다. 단, 반환은 정의되어 있지 않습니다. 객체의 상태가 표시되므로 변경할 수 없습니다. App.$store.commit("setForm", {entrada:'245435'}) 정의되어 있지 않다 https://codesandbox.io/s/compassionate-feistel-26r4v?file=/src/store.http:/https://codesandbox.io/s/compassionate-feistel-26r4v?file 양식이 스토어에서 업데이트를 감시하고 있지 않습니다.수신만 하고 있습니다.this.$store.state.form생성 시. 실행 후App.$store.commit("setForm", {..