vue 怎么返回对应值？

Question

<div class="a" data-id='0'>{{state}}</div>
<div class="a" data-id='1'>{{state}}</div>
<div class="a" data-id='2'>{{state}}</div>
0待发货 1已发货 2退款

div是后台数据循环出来的。。。怎么给当前state返回对应的值。。。
怎么说。就是以前js是这样.
var arr=['待发货 ','已发货','退款']
arr[{{state}}],,,,就是vue里面怎么写？？

Answer 1

明白你的意思了，一般用过滤的方式，一个过滤函数，{{state|stateFilter}} 函数
在fileter里写过滤函数
stateFilter(val){

const arr=['代发货'];
return arr[val];

}

Answer 2

list = [
{value: 0, label: '待发货'},
{value: 1, label: '已发货'},
{value: 2, label: '退款'}
]

用v-for遍历这个list，生成div
<div v-for="item of list" class="a" :data-id='item.value' :key="item.value">{{item.label}}</div>

可以试一试，不知道是不是你说的“返回对应的值”