使用v-model将用户输入绑定到Vuex存储中的状态

ldxq2e6h  于 2023-03-19  发布在  Vue.js
关注(0)|答案(1)|浏览(139)

我有这家店:

//store.js

import modulePaciente from './paciente/modulePaciente'
export default new Vuex.Store({
    getters,
    mutations,
    state,
    actions,
    modules: {
        paciente: modulePaciente
    },
})

在这个模块中,我尝试使用vuex-map-fields

//modulePaciente.js

import { getField,updateField } from "vuex-map-fields";

const state ={
    PacienteData: {
        name: '',
        code: '',
        lastname: '',
    }
}

const mutations ={
    updateField
}

const getters ={
    getField
}

const actions ={...}

export default {
    namespaced: true,
    state,
    mutations,
    getters,
    actions
}

最后,我有这个组件:
一个二个一个一个
我的问题是,当我在输入模型字段中写入时,什么也没有发生,当我移动到下一个输入模型字段时,前一个输入中的值被清除:

我需要将我的商店Map到v-model组件。我做错了什么?

dwbf0jvd

dwbf0jvd1#

因为您已经将state字段嵌套在PacienteData中,所以必须遵循有关嵌套属性的文档。
mapFields值应为:

...mapFields("paciente", [
  "PacienteData.name",
  "PacienteData.code",
  "PacienteData.lastname",
]),

这是一个工作正常的codesandbox example

相关问题