Javascript

vue数组排序代码，请查收

本文主要是介绍vue数组排序代码，请查收，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

    今天来个大家说一说关于vue数组排序，直接上代码：

数组排序：

<div id="app">

     <ul>

          <li v-for="a in arr1">{{a}}</li>

     </ul>

 </div>

        <script type="text/javascript">

            new Vue({

                el:"#app",

                data:{

                    arr:[1,4,5,2,3,44]

                },computed:{

                    arr1:function(){

                        return this.arr.sort(sortNum)//调用排序方法

                    }

                }

            })

            function sortNum(a,b){//排序方法

                return a-b;

            }

        </script>

    以上便是vue数组排序的全部内容，同学们学会了吗，更多内容干货可关注慕课网哦~

这篇关于vue数组排序代码，请查收的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航