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

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>可以试一试，不知道是不是你说的“返回对应的值”

Answer 2

明白你的意思了，一般用过滤的方式，一个过滤函数，{{state|stateFilter}} 函数在fileter里写过滤函数stateFilter(val){const&nbsp;arr=['代发货']; return&nbsp;arr[val];}