美文网首页
vue ie 分页

vue ie 分页

作者: _喵了个喵_ | 来源:发表于2019-05-30 14:47 被阅读0次

    <el-pagination background @current-change="changepage" :page-size="msg.limit" layout="total, prev, pager, next, jumper" :total="parseInt(msg.num)" :current-page.sync="msg.page">

            </el-pagination>

    js:

    methods: {

                changepage(currentPage,enter) {

                    if(enter && enter == 'enter')

                    {

                        var vm = this;

                        let oldCurrentPage = vm.msg.page;

                        let totalPages = Math.ceil(parseInt(vm.msg.num)/parseInt(vm.msg.limit));

                        if (currentPage > totalPages)

                        {

                            $('.is-in-pagination .el-input__inner').val(totalPages);

                            currentPage = totalPages;

                        }

                        if (currentPage) {//判空

                            //新旧页码对比没有变化或者超过总页数不做处理

                            if (oldCurrentPage != currentPage && currentPage <= totalPages) {

                                vm.$emit('fatherchange', currentPage);

                                document.getElementById("scroller-box").children[0].scrollTop = 0;

                            }

                        }

                    }

                    else

                    {

                        var vm = this;

                        var timer = null;

                        // this.$parent.fatherchange(e);

                        this.$emit('fatherchange', currentPage)

                        document.getElementById("scroller-box").children[0].scrollTop = 0;

                    }

                }

            },

            mounted(){

                var vm = this;

                document.onkeydown = function(e){

                    let key = window.event.keyCode;

                    if(key == '13'){

                        let value = parseInt($('.is-in-pagination .el-input__inner').val());

                        vm.changepage(value,'enter');

                    }

                }

            }

    相关文章

      网友评论

          本文标题:vue ie 分页

          本文链接:https://www.haomeiwen.com/subject/kwqvtctx.html