v-model绑定vuex中state状态

废话不多说上代码

vuex

const state = { value: 1 }; const mutations = { SET_VALUE: (state, value) => { state.value= value; }, }; const actions = {}; const getters = { value: state => state.value, }; export default { namespaced: true, state, getters, mutations, actions };

页面

<template> <div> <el-input v-model="values"/> </div> </template> <script> import { mapGetters, mapActions, } from 'vuex'; export default { name: '' computed: { ...mapGetters({ value: 'equipmentRepair/equipment_repair/value', }), values: { get() { return this.value }, set(val) { this.SET_VALUE(val); } } }, methods: { ...mapMutations({ SET_VALUE: 'equipmentRepair/equipment_repair/SET_VALUE' }) } }

搞定