对于vue绑定的model值里边get和set的小动作

最新推荐文章于 2024-08-29 23:38:23 发布

weixin_30938149

最新推荐文章于 2024-08-29 23:38:23 发布

阅读量401

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sweeeper/p/11198930.html

版权

先看下例子：

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