重命名Vue mapState状态

Question

在我的计算中，我有两个"加载"我想追踪的州。是否有一种方法可以使用此语法向其他状态添加别名?

computed: {
...mapState('barcodes', ['barcodes', 'loading', 'pagination']),
...mapState('users', ['user', 'loading']), // add an alias for this "loading"
}

Answer 1

mapState支持对象方式，如下:(仅为一个字段指定别名)

computed: {
...mapState('barcodes', {
barcodesLoading: state => state.loading,
})
}

或按命名空间:(如果您想将所有用户状态包装到userData名称空间中)

computed: {
...mapState({
barcodeData: 'barcodes',
userData: 'users'
})
}

在模板:

<div>{{barcodeData.loading}}</div>

有另一个线程供您参考:

带多个模块的vex命名空间mapState

Answer 2

我不太确定，因为我现在无法查看。但我敢说你应该试试这个:

computed: {
...mapState('barcodes', {barcodes:'barcodes', alias1:'loading', pagination:'pagination'}),
...mapState('users', {user:'user', alias2:'loading'}), // add an alias for this "loading"
}

。用object代替array