正文
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);
}
}
},
