0
我很新Vue。我有很多输入的大型表格。我想将存储在Vuex存储中的所有数据作为类的属性。正确的方法来动态设置许多输入值,从Vuex商店获取数据
const store = new Vuex.Store({
state: {
cv: new CurriculumVitae()
我可以伊斯利更新这样的价值观:
<input @input="updateValue" name="name">
...
methods: {
updateValue(e) {
this.$store.commit('updateValue', {field: e.target.name, value: e.target.value});
}
},
....
const store = new Vuex.Store({
mutations: {
updateValue (state, payload) {
state.cv.data[payload.field] = payload.value;
}
}
我怎么能插入一个CurriculumVitae class
实例数据填充到店,并已全部投入预装有自动的数据?我不想为每个输入都写v模型并单独填写。有没有一种更好,更动态的方法来实现这一目标?
编辑:我只想有很好的方式来更新对象。当创建新的 - 我不需要任何填充任何东西的输入。编辑时 - 将旧数据加载到输入中会很好。我喜欢它是动态的,而不是为每个输入编写模型并从商店返回特定值。就像我在将更新保存到商店时一样:这只是所有输入的一种方法。
Vue提供了一种方法来做到这一点?
我已经这样做了,它没有设置任何输入值 – janjanjan
我编辑了在组件文件中添加用例的答案。另外请注意,我已经实例化了函数int store的状态,以便它实际返回对象 –