zoukankan      html  css  js  c++  java
  • vue2.0排序应该注意的问题

    在computed里新声明了一个对象sortItems,如果不重新声明会污染原来的数据源,这是Vue不允许的,所以你要重新声明一个对象。 如果不重新声明报错:
    <!DOCTYPE html>
    <html lang="en">
    
        <head>
            <meta charset="UTF-8">
            <script type="text/javascript" src="vue2.2.js"></script>
            <title>V-for 案例</title>
        </head>
    
        <body>
            <h1>v-for指令用法</h1>
            <hr>
            <div id="app">
                <ul>
                    <li v-for="item in sortItems">
                        {{item}}
                    </li>
                </ul>
            </div>
            <script type="text/javascript">
                var app = new Vue({
                    el: '#app',
                    data: {
                        items:[20,23,18,65,32,19,54,41]
                    },
                    computed: {
                        sortItems: function() {
                            return this.items.sort(sortNumber);
                        }
                    }
                });
                function sortNumber(a,b) {
                    return a - b
                }
            </script>
        </body>
    
    </html>
  • 相关阅读:
    decltype类型指示符
    vector的使用
    参数使用
    CSPS模拟 43
    CSPS模拟 41
    CSPS模拟 42
    NOIP模拟 40
    NOIP模拟 39
    NOIP模拟 38
    NOIP模拟 37
  • 原文地址:https://www.cnblogs.com/lhl66/p/7492200.html
Copyright © 2011-2022 走看看