公司在我来之前,定了一个规范
然后规范是把一些固定(常用)的字段映射,比如 status=success,用 object 包起来放到根 vuex 的 root 中,然后每次都用 root 去映射显示字段
// store
const state = {
mapToStatus = {
success:‘已成功’,
pending: '发送中',
fail: '失败'
}
}
// vue 组件
<button> {{mapToStatus[status]}}</button>
但是我的想法是放到 mixin 的 filter 里去做,因为总感觉把映射放到 store 里怪怪的。因为是刚入门 vue,不太清楚是怎么做的,真的有这种写法吗?
我的想法是
// mixin
mapStatus(param) {
switch (param) {
case 'success':
return '已成功'
case 'pending':
return '发送中'
case 'fail':
return '失败'
}
},
// vue 组件
<button> {{status | mapStatus}}</button>
想问各位大神,哪种更合理一点?
然后规范是把一些固定(常用)的字段映射,比如 status=success,用 object 包起来放到根 vuex 的 root 中,然后每次都用 root 去映射显示字段
// store
const state = {
mapToStatus = {
success:‘已成功’,
pending: '发送中',
fail: '失败'
}
}
// vue 组件
<button> {{mapToStatus[status]}}</button>
但是我的想法是放到 mixin 的 filter 里去做,因为总感觉把映射放到 store 里怪怪的。因为是刚入门 vue,不太清楚是怎么做的,真的有这种写法吗?
我的想法是
// mixin
mapStatus(param) {
switch (param) {
case 'success':
return '已成功'
case 'pending':
return '发送中'
case 'fail':
return '失败'
}
},
// vue 组件
<button> {{status | mapStatus}}</button>
想问各位大神,哪种更合理一点?