factcode

laravel-vujs 프로젝트의 루트/베이스 URL을 설정하려면 어떻게 해야 합니까? VueJS 프로젝트를 다음과 같은 도메인에 도입했습니다.www.example.com/demos/app, 그러나 내가 api에 요청을 보낼 때 api는 다음을 가리키고 있습니다.www.example.com/login대신www.example.com/demos/app/login 다음은 다음을 사용한 요청 코드입니다.axios export const login = ({ dispatch }, { payload, context }) => { return axios.post('/login', payload).then((response) => { // do something }).catch((error) => { // handle ..

NuxtServerInit을 올바르게 호출하려면 어떻게 해야 합니까? VUEX 저장소에는 다음과 같은 코드가 있습니다. export const state = () => ({ z: 'sdfjkhskldjfhjskjdhfksjdhf', }); export const mutations = { init_data_for_firmenistorie2 (state, uploadDbFirmenistorieData){ state.z = uploadDbFirmenistorieData; }, }; async nuxtServerInit ({commit}) { console.log('111'); commit('init_data_for_firmenistorie2', 123) } } 질문입니다. nuxtServerInit을 사용하여..

VueJ + Vuex + map Actions 문서에는 동작을 통해 호출된 돌연변이를 제외하고 상태는 불변이라고 쓰여 있습니다.네 알겠습니다. 컴포넌트 mapGetters, mapActions에서 사용하고 있습니다. 스토어: export default { namespaced: true, state: { color: "violet" }, mutations: { changeColor(state, newColor) { state.color = newColor }, }, actions: { changeColor({ commit }, newColor) { commit('changeColor', newColor) } } 컴포넌트: ... methods: { ...mapActions({ setColor: 'store..

Nuxt.js에서 Rails로 전송된 데이터를 저장하고 싶다. 내가 이루고 싶은 것 Nuxt.js에서 Rails로 보낸 데이터를 저장하고 싶습니다.Rails가 accepts_nested_attributes_for를 사용하여 관련지어 데이터를 저장하려고 합니다. 코드 레일 모델/포스트.인쇄 class Post < ApplicationRecord has_many :post_items, dependent: :destroy accepts_nested_attributes_for :post_items, allow_destroy: true validates :title, presence: true validates :author, presence: true validates :image, presence: true ..

NUXT: 비동기 가져오기를 혼합으로 사용하여 덮어쓸 페이지 데이터에 액세스하는 방법 페이지에서 사용하고 있는 마스트헤드 컴포넌트가 있는데, 페이지 변경 시 파기되기 때문에 루트 변경 중에도 해당 컴포넌트를 계속 사용할 수 있도록 레이아웃으로 이동하기로 결정했습니다(그리고 그에 따라 애니메이션/전환을 할 수 있습니다).VueX를 사용하여 Masthead의 내용(이미지, 복사 등)을 업데이트하고 있습니다. 현재는 모든 페이지에서 비동기 페치를 사용하여 스토어에 적절한 콜을 발신하고 있습니다(마스트헤드를 갱신 또는 숨깁니다). 페치를 수동으로 배치하지 않고 최종적으로 믹스인으로 이동하여 각 페이지로 Import하고 싶습니다.문제는 mixin을 사용하여 호출하기 전에 페이지 고유의 데이터를 가져오고 싶다는 것..

Vuex가 개별 돌연변이에 가입하다 개인 돌연변이에 가입할 수 있나요? 대신: this.$store.subscribe((mutation, state) => { if(mutation === 'someMutation'){ doSomething() } }) 다음과 같은 것을 원합니다. this.$store.subscribe('someMutation', state => { doSomething() }) Vue 시제품 어딘가에 있는 방법을 포장해 보는 것은 어떻습니까? 즉, 다음과 같은 것이 아니라 this.$store.subscribe((mutation, state) => { if(mutation === 'someMutation'){ doSomething() } }) 다음과 같은 것이 있습니다. Vue.prot..

Vue-i18n이 vuex에 정의되어 있지 않습니다. 이 질문에는 이미 답변이 있습니다. 계산된 vue에서 화살표 사용 기능이 작동하지 않음 (6개의 답변) 닫힘2년 전에요. Vue, Vuex 및 VueI18n을 사용하여 로케일 업데이트를 구현하려고 합니다.스토어 오브젝트의 i18n 값을 설정하고 다음과 같이 로케일을 갱신하는 방법을 찾았습니다(변환). UPDATE_LANGUAGE: (state, newLanguage) => { state.language = newLanguage; this.$i18n.locale = state.language; } 근데 의외로 안 먹히는데...이렇게 써있어요.$i18n은 정의되어 있지 않지만 정의되어 있습니다. 무슨 생각 있어? import store from "./st..

스토어 디스패치 기능이 있는 vue-test-utils 및 jest를 사용하여 컴포넌트에 Vue 메서드의 Vue 테스트 케이스를 작성하는 방법 나는 나의 vue 컴포넌트에 대한 농담 테스트 케이스를 쓰고 있다.스토어 디스패치 기능을 호출하는 방법이 있다. dismissed() { this.$store.dispatch("alert/hideAlert"); }, 테스트 케이스에서는 다음과 같이 해제된 이벤트를 트리거하고 스토어 액션 메서드가 호출하기를 기대하고 있습니다. wrapper.vm.dismissed(); await wrapper.vm.$nextTick(); expect(actions.hideAlert).toHaveBeenCalled(); 단, 해제된 메서드 호출 "discle.vm.discle();"..

VUEX Store에서 serverMiddleware API로 데이터를 전달하는 방법 Nuxt.js에서 Vuex Store에서 serverMiddleware로 데이터를 전달할 수 있습니까? async SET_DATA({commit}, payload) { await this.$axios.$post('/api', { data: payload.data}) commit('SET_DATA', payload.data) } nuxt.config의 경우 serverMiddleware: [ { path: '/api', handler: '~/api/index' } ] 그럼 api/index.js의 데이터에 어떻게 접근합니까? export default function (req, res, next) { // Get data..

vuexjs 인수 getter 파라미터를 getter에 전달할 수 있는 방법이 있습니까?vuex store예를 들어 다음과 같습니다. new Vuex.Store({ getters: { someMethod(arg){ // return data from store with query on args } } }) 그래서 컴포넌트에서 {{someMethod(this.id)}} vuex의 첫 번째 인수는state그리고 두번째는 다른 것이다getters.가능합니까?이를 위한 한 가지 방법은 다음과 같습니다. new Vuex.Store({ getters: { someMethod(state){ var self = this; return function (args) { // return data from store wit..