vue数组排序代码,请查收

2022/6/17 4:20:14

本文主要是介绍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数组排序代码,请查收的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程