对于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

原文地址:https://www.cnblogs.com/sweeeper/p/11198930.html