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