62,046
社区成员
发帖
与我相关
我的任务
分享vue v-for 列表 能不能倒序
代码如下
<tr class="text-center" v-for="(item, index) in datas" v-bind:key="item.id">
<td>{{index+1}}</td>
<td>{{item.CB15}}</td>
<td>{{item.CB16}}</td>
<td>{{item.CB19}}</td>
</tr>
结果如下
能不能列表倒序呢 ，例如5在最上面，1在最下面， 这样子代码该怎么写呢，
<tr class="text-center" v-for="(item, index) in datas" v-bind:key="item.id">
<td>{{index+1}}</td>
<td>{{item.CB15}}</td>
<td>{{item.CB16}}</td>
<td>{{item.CB19}}</td>
</tr>
结果如下
能不能列表倒序呢 ，例如5在最上面，1在最下面， 这样子代码该怎么写呢，
...全文
请发表友善的回复…
发表回复
喜樂的CC 2019-05-05
- 打赏
- 举报
vfor里面不能，但是可以从数据入手，数据改了倒序再给data
iAm_Ike 2018-04-28
- 打赏
- 举报
一般来说前台的展示数据都是从后台来的，可以在后台返回的时候就做好排序，如果非要在从后台拿到之后再进行排序的话，可以看一下这里
https://blog.csdn.net/xdongll/article/details/78464968
zhengyingcan 2018-02-23
- 打赏
- 举报
有谁能帮忙看一下，非常非常感谢。
zhengyingcan 2018-02-16
- 打赏
- 举报
有没有案例呢，如何做呢
zhengyingcan 2018-02-16
- 打赏
- 举报
我代码改成如下实现了，但是有报错，代码如下
$.ajax({
url: "/MWcb/Add",
type: "post",
data: jsondata,
contentType: "application/json",
dataType: "json",
success: function (e) {
if (e.flag) {
$typeVue.datas.unshift({
CB15: CB15Text,
CB16: CB16Text,
CB19: CB19Text
});
parent.layer.msg("保存成功");
}
else
{
parent.layer.msg(e.msg);
}
}
});
列表代码如下
<tr class="text-center" v-for="(item, index) in datas">
<td>{{datas.length-index}}</td>
<td>{{item.CB15}}</td>
<td>{{item.CB16}}</td>
<td>{{item.CB19}}</td>
</tr>
代码报错如下
3vue.js:584 [Vue warn]: You may have an infinite update loop in a component render function.
(found in <Root>)
我用有道翻译如下
3 vue。js:584 [Vue警告]:在组件呈现函数中可能会有一个无限的更新循环。
(在<根>)
<td>{{datas.length-index}}</td> 为什么会造成无限的更新循环呢，好奇怪 ？？？？
以专业开发人员为伍 2018-02-15
- 打赏
- 举报
你的这个所谓“倒序”，就是类似 length-Index 呗！
