鍍金池/ 問答/HTML/ v-for 數(shù)組倒序要怎么弄

v-for 數(shù)組倒序要怎么弄

       <div class="list" v-for="(item,index) in item.selllist | reverse">
                <p class="time">賣{{index+1}}</p>
                <p class="price">{{item.Stock_FlowerCoin}}</p>
                <p class="number">{{item.Stock_Deal | sell}}</p>
            </div>

clipboard.png
實現(xiàn)這樣的功能

回答
編輯回答
鹿惑

這是我的想法，通過computed實現(xiàn)，直接復(fù)制粘貼便可看到效果，希望能對你有所幫助！:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>tab</title>
</head>
<body>
    <div id="app">
        <ul>
            <li v-for="(item,index) in reverseData">
                <p>{{item.test}}</p>
            </li>
        </ul>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script type="text/javascript">
        new Vue({
            el: "#app",
            data: {
                list: [{
                    test: 1
                }, {
                    test: 2
                }, {
                    test: 3
                }, {
                    test: 4
                }, {
                    test: 5
                }]
            },
            computed: {
                reverseData() {
                    return this.list.reverse();
                }
            }
        })
    </script>
</body>
</html>

不懂之處，歡迎評論留言！

2018年6月3日 18:57
編輯回答
維他命
 <div class="list" v-for="(item,index) in Array.prototype.reverse.call(item.selllist)">
                <p class="time">賣{{selllist.length-index}}</p>
                <p class="price">{{item.Stock_FlowerCoin}}</p>
                <p class="number">{{item.Stock_Deal | sell}}</p>
            </div>
2017年2月24日 23:00