vue store获取值时 Computed property "activeTag" was assigned to but it has no setter.

出现原因:
  element-ui中 el-tab绑定的值在切换tab时会自动修改
  而activeTag是从store中获取的值,不能直接修改
  要添加给它绑定上set  
 
<el-tabs class="tags" v-model="activeTag" type="card" closable @tab-click="handleClick" @tab-remove="handleRemove">
  <el-tab-pane
    :key="item.id"
    v-for="item in tags"
  >
  </el-tab-pane>
</el-tabs>
 
报错情况
computed: {
  ...mapState({
    tags: state => state.tags,
    activeTag: state => state.activeTag
  }),
}
 
修改后:
computed: {
  ...mapState({
    tags: state => state.tags,
  }),
  activeTag: {
    get () {
      return this.$store.state.activeTag;
    },
    set (val) {
      this.$store.dispatch('changeActiveTag', val);
    }
  }
},
posted @ 2019-05-10 11:04  Mr_R  阅读(1223)  评论(2编辑  收藏  举报