【vue-element-admin】--Pagination分页组件设置

【vue-element-admin】--Pagination分页组件设置

  • 一、参考资料
  • 一、涉及到的文件
    • 1、//src/utils/scroll-to.js
    • 2、//src/components/Pagination/index.vue
    • 3、//src/views/***/index.vue
  • 三、知识拓展
    • 1、Pagination分页的原理:
    • 2、Pagination实现的是真分页

一、参考资料

官网资料:vue-element-admin-Pagination 分页

一、涉及到的文件

1、//src/utils/scroll-to.js

说明:在vue-elemnet-admin模板里有现成的。

Math.easeInOutQuad = function(t, b, c, d) {
   
  t /= d / 2
  if (t < 1) {
   
    return c / 2 * t * t + b
  }
  t--
  return -c / 2 * (t * (t - 2) - 1) + b
}

// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
var requestAnimFrame = (function() {
   
  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) {
    window.setTimeout(callback, 1000 / 60) }
})()

/**
 * Because it's so fucking difficult to detect the scrolling element, just move them all
 * @param {number} amount
 */
function move(amount) {
   
  document.documentElement.scrollTop = amount
  document.body.parentNode.scrollTop = amount
  document.body.scrollTop = amount
}

function position() {
   
  return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
}

/**
 * @param {number} to
 * @param {number} duration
 * @param {Function} callback
 */
export function scrollTo(to, duration, callback) {
   
  

你可能感兴趣的:(vue.js)