在vue中,如何在v-for中,使用data对象数据将数字状态值转化为中文

82 阅读1分钟

有时候我们的项目中的列表显示,是直接在html中使用v-for来展示,这个时候就需要在html中直接转换状态值。 这个时候就不可以使用.来连接了,而是使用方括号[],如下图所示:

<view v-for="(item, index) in submitedData">
	<u-col span="6">
		<u--text :text="scheduleLabel + stateArray[item.state]"></u--text>
	</u-col>

需要在data中管理状态值对应中文

stateArray:{
        1:'采购中',
        2:'已入库',
        3:'待付款',
        4:'已付款',
},