出現原因：
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);
}
}
},