BlueLight.ShortUrl/obj/Release/Package/PackageTmp/Scripts/SiteJs/UserManager.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

    var vm = new Vue({
        el: "#app",
        data: {
            datas: { datas: "" },
          
        },
        mounted: function () {
            this.showData();
        },
        methods: {
            showData: function (pageindex=1,pagesize=2) {
                var t = this;
                $.post($("#getUsersUrl").val(),{ Page: pageindex - 1, rows: pagesize },
                    function(result) {
                        if (result.success) {
                            pageBar.all = Math.ceil(result.data.RecordCount / result.data.PageSize);
                            pageBar.cur = result.data.PageIndex + 1;
                            t.datas = result.data.Data;
                            pageBar.hasPage = result.data.RecordCount > 0;
                        }
                    });
            }
        }
    });

    var pageBar = new Vue({
        el: '.page-bar',
        data: {
            all: 18, //总页数
            cur: 1, //当前页码
            hasPage: false
        },
        watch: {
            cur: function(oldValue, newValue) {
                console.log(arguments);
            }
        },
        methods: {
            btnClick: function(data) { //页码点击事件
                if (data != this.cur) {
                    vm.showData(data);
                }
            },
            pageClick: function() {
                vm.showData(this.cur);
            }
        },

        computed: {
            indexs: function() {
                var left = 1;
                var right = this.all;
                var ar = [];
                if (this.all >= 5) {
                    if (this.cur > 3 && this.cur < this.all - 2) {
                        left = this.cur - 2;
                        right = this.cur + 2;
                    } else {
                        if (this.cur <= 3) {