uniapp vue 过滤内容显示组件

/**
* @Author: 858834013@qq.com
* @Name: userType
* @Date: 2022年01月31日
* @Desc: 根据类型返回内容
*/
<template>
	<div>
		{{ typeName }}
	</div>
</template>

<script>
	export default {
		name: 'userType',
		components: {},
		props: {
			userType: {
				type: String | Number,
				default () {
					return 0
				}
			},
		},
		computed: {
			typeName: function() {
				return this.list[this.userType]
			}
		},
		data() {
			return {
				list: ['用户', '商户', '管理员', '优选', '企业'],
			}
		},
	}
</script>

<style lang="scss" scoped>

</style>