对于vue绑定的model值里边get和set的小动作
先看下例子:
template里边内容: <el-form-item label="导航条类型"> <el-radio-group v-model="navbarLayoutType"> <el-radio label="default" border>default</el-radio> <el-radio label="inverse" border>inverse</el-radio> </el-radio-group> </el-form-item> script里边内容: computed: { navbarLayoutType: { get () { return this.$store.state.common.navbarLayoutType }, set (val) { debugger this.$store.commit('common/updateNavbarLayoutType', val) } },
这里边get就是点击那个radio获取的值,set里边的val就是get里的值,现在点击第一个那么就是default