vue-table-pagination
Version:
vue-table-pagination using Jest + vue-test-utils together test webpack3 vue2.
122 lines (111 loc) • 12.5 kB
HTML
<!------------------------------------------------------------
____ __ ____ _______ _______.___________. _______ ___ .___________. _______ __ .__ __. .___________. _______ .______ .__ __. _______ .___________.
\ \ / \ / / | ____| / | | / _____| / \ | || ____| | | | \ | | | || ____|| _ \ | \ | | | ____|| |
\ \/ \/ / | |__ | (----`---| |----` | | __ / ^ \ `---| |----`| |__ | | | \| | `---| |----`| |__ | |_) | | \| | | |__ `---| |----`
\ / | __| \ \ | | | | |_ | / /_\ \ | | | __| | | | . ` | | | | __| | / | . ` | | __| | |
\ /\ / | |____.----) | | | | |__| | / _____ \ | | | |____ | | | |\ | | | | |____ | |\ \----.| |\ | | |____ | |
\__/ \__/ |_______|_______/ |__| \______| /__/ \__\ |__| |_______| |__| |__| \__| |__| |_______|| _| `._____||__| \__| |_______| |__|
| @name : vue-table-pagination
| @github : https://github.com/jackieli123723/vue-table-pagination
| @desc : 西门互联
| @oldweb : http://lilidong.cn
| @newweb : http://issue.lilidong.cn
| @author : Jackieli
| @content : vue2封装的table联动组件vue-table-pagination
| @copyright : ©2017 All Rights Reserved.版权所有.West Gate Internet
-------------------------------------------------------------->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="vue2封装的table联动组件vue-table-pagination" />
<meta name="description" content="vue2封装的table联动组件vue-table-pagination" />
<title>西门互联-vue2封装的table联动组件vue-table-pagination</title>
<link href="/static/favicon.ico" rel="Shortcut Icon" type="image/x-icon"/>
<style>
.loading-overlay {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: #FFF;
z-index: 10000;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;
}
.loading-overlay.loaded {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
visibility: hidden;
}
#loader {
display: block;
background-image: url(data:image/gif;base64,R0lGODlhKAAoAKUAAAQCBISChMTCxERCROTi5KSmpCQiJGRiZBQSFJSSlNTS1PTy9LS2tHRydFRSVDQ2NAwKDIyKjMzKzOzq7KyurCwqLBwaHJyanNza3Pz6/Hx6fExKTGxubLy+vFxeXAQGBISGhMTGxOTm5KyqrCQmJGRmZBQWFJSWlNTW1PT29Ly6vHR2dFRWVDw+PAwODIyOjMzOzOzu7LSytCwuLBweHJyenNze3Pz+/Hx+fExOTP///wAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQICQAAACwAAAAAKAAoAAAG/kCdcEgsDgsWU8HIbDqLIhcA4BI9r8VULWEdoiDTDwpL1h2mj8Uw45g6MkVFtyy8IaYABTHFYKSyNDl0RBtTNGpkDHqDQjErHGOMkpOUlWQ3ASQeiJZXHXggnUQUMzBFDHgBokMXCAJZHggtc6I3E0y2f6u7vL2+v70TGxVLwDoKMTorUy6cvQwfDxk4UwjOvB0QAykTHi0yxjo2uuHl5uercOgvFSXqqygnt0QEYAAMvDMAB0UxJlMheLUJVUQCB3C8MthAx3ASBgk36CwgN6jDhw8RyoSwQGLeIBBTNpQJMEWFJBszDOAjEoMDB49CCDjgQJFOhpo6IkzJaG7ECpQR526ECBGRURAAIfkECAkAAAAsAAAAACgAKACFBAIEhIKExMLEREJE5OLkJCIkpKakbGps9PL0FBIUlJaU1NLUNDI0VFJUdHZ0tLa0DAoMjIqM7OrsLCos/Pr83NrczM7MTE5MtLK0dHJ0HB4cnJ6cPDo8XFpcfH58BAYEhIaExMbEREZE5ObkJCYkrKqsbG5s9Pb0FBYUnJqc1NbUNDY0VFZUfHp8vL68DA4MjI6M7O7sLC4s/P783N7c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7AmnBILA5DHI7LyGw6i6cCAKBBPK/FmaB0IkoS0xeBWGmBJFhjZHqhEDPTw2wokQIG8/SQMYWMiBQWFnlCLlMAH396QiZTDF1XBC9TE26LNScKHmNpLhcsKpeio6SlQiUiAZamWDQQUwasRRYNnEMLH1MKskQPBaFEMy0aDTG8RJBGJ6vHzc7P0NHNJw4XAtJCeSlTJMnPEiQZNRvczM4jE+IULSwh2O/w8fLz2BgiEeasMQ/eNQgaUyw4awDAAxQZiCo4c/AhhRECINw960evIpYTVuTR0JBgSRoaDAZQxLINwAE9BqYsGDWCAQmJQ04E8JBxSAwTAQhdokCxxA6UDfIsvHgBE54ENKOCAAAh+QQICQAAACwAAAAAKAAoAIUEAgSEhoTExsREQkTk5uQkIiSkpqRkZmTU1tRUUlQUEhSUlpT09vQ0MjS0trR0dnTMzsxMSkzs7uwsKixsbmzc3txcWlwcGhycnpy8vrwMCgyMjoysrqz8/vw8PjwEBgSMiozMysxERkTs6uwkJiRsamzc2txUVlQUFhScmpz8+vw0NjS8urx8fnzU0tRMTkz08vQsLix0cnTk4uRcXlwcHhykoqTEwsS0srT///8AAAAAAAAAAAAAAAAAAAAAAAAG/sCccEgsDisWC8LIbDqLHQ8A0FA9r0YTxDpU1aYoBlGSMoixRY4GQCkuPh8QkSEFHNDFBFhSnM24QiZTABodeEMbUxGGVxIFUyKHXRwYfGguBzIEkpydnmgdI4BDAgc2n0wIExoiI2MXUxmoRRaDAUQzawA4s0Qigw9FKTEUo7MsazUmvWgVGa7M0dLT1NVdCyVL1kUOUx6M1TARCzks3uDUMCLkKgsyy9vx8vP09fYhFCzUoUYqJAAKLEVboEAWERUrAFyAMQ1HAxdGCCyAZ6+ixSYqztCDEePCDTwSEtzpdGNKCzwlAQg8xOBAhApFVNhIYYzBBgzUBEzRR49ACYEaMOsx0CgpCAAh+QQICQAAACwAAAAAKAAoAIUEAgSEgoTEwsRERkTk4uSkoqRkZmQkIiQUEhTU0tT08vS0srSUkpRUVlR0dnQ0NjQMCgzMysxMTkzs6uysqqxsbmwcGhzc2tz8+vy8urycmpyMiowsKixcXlx8fnwEBgSEhoTExsRMSkzk5uSkpqRsamwUFhTU1tT09vS0trSUlpR8enw8OjwMDgzMzsxUUlTs7uysrqx0cnQcHhzc3tz8/vy8vrycnpwsLixkYmT///8AAAAAAAAAAAAAAAAAAAAG/kCdcEgsDmGe1cTIbDqNHQDg9awyYQTjQ4orojIhjNUYsbQYxRgCQSLWooDNuFiRcsREBaw4adnnRCRSBmMYWwAdgEQhKShzBB4gCoqUlZaXQjQgIZhGEy8IBo5DGBwAEBedRA5SADd5M1IuqkM5rWhEKQMbNbRCLrEPI75VMAmTxMnKy8yVGBfDNQsMe8woDRAIFAJSFc0LrRY2UiXNMeE1JBvVyygiAC2vzUQoJ1nz+Pn6ywQgEct4irwAYGGUrwUHThixxcEgrRAS7tFLsWSfxYsYrWCQ8CDVmBoaUliiIUXFnBEIuljyYKAiERs2mNhIoIwGhA8K9Slg8cBlBj4UARUFAQAh+QQICQAAACwAAAAAKAAoAIUEAgSEgoTEwsREQkTk4uQkIiSkoqRkZmTU0tT08vQ0MjQUEhSUkpS0srRUUlR0dnQMCgzMysxMSkzs6uwsKizc2tz8+vw8Ojycmpy8uryMioysrqxsbmwcHhx8fnwEBgSEhoTExsRERkTk5uQkJiSkpqTU1tT09vQ0NjQUFhSUlpS0trRcWlx8enwMDgzMzsxMTkzs7uwsLizc3tz8/vw8Pjycnpy8vrx0cnT///8AAAAAAAAAAAAAAAAAAAAAAAAG/sCccEgsDk8228nIbDqNLQAA96wyLQkjTCop0kwzK3MmKzSKgk7hVmx9IBtxESQVGU9LYqJTlxMFHwAaYjRbAAF+RBUhNHIxDCUWiZOUlZZCIzYEl3c4KAySQxYoAB15nEIMUgBsRwUAC1moQh6rZ0QhBxmzQ2QfMLK8TicjocLHyMnKlDGhCBunyDQPKRQhIwsAHssRqxcEEAAP3KsoOSE2wcgWBy4drcuiI+rx9fb3kyMCMUYJJZvCMmQrEIYIBwAKjolY1aJIrQHHHKxCRMQCgmioTJCAUIPfPWKN8Ims9IDFBD8ZXlQ6IWWFnBMdYFjC4AFjjgknjSAAKMwCCgkKIe/h4DDyUhAAIfkECAkAAAAsAAAAACgAKACFBAIEhIKExMLEREJE5OLkJCIkpKKkZGJk9PL0NDI0lJKU1NLUVFZUFBIUtLK0dHJ0TEpM7OrsLCosbGps/Pr8PDo8nJqc3NrcDA4MjIqMzM7MrK6sXF5cHBocvL68BAYExMbEREZE5ObkJCYkpKakZGZk9Pb0NDY0lJaU1NbUXFpctLa0fHp8TE5M7O7sLC4sbG5s/P78PD48nJ6c3N7cjI6MHB4c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7Am3BILA5jHk/MyGw6jSgAwPKsMmMUY0k6MYpcViYh8dIUF5VKqmhp2MxhokIKM1KWRMqLGyemGg0ecVsABn1EJmBxJhuCh4+QkZJCFCAIk0YxCgwORgcACXiYQhtSGDRFIQAdJqNDUVJwQyksjq43LiEdMFm3TxSKvsLDxMWRvTciGsjDmgUyNAg2H4bFNB9SBwgdU8YX2AAqNxcezMIUAQ0Ja8ZFLqLt8fLzkAg0rUUUAsGuCyMAA/jdyACAgbBPUmYUidLFFyEAJIxEGCZCBoYD+OaZo1fMQwsOFyI5sADPCQEMUkJBkoBhopUVUgC0hKTBFqJLRETYkBJi4xCkEC2MLHgQwKWvGgo4YgoCACH5BAgJAAAALAAAAAAoACgAhQQCBISChMTCxERCRCQiJKSipOTi5GRiZBQSFLSytPTy9JSSlNTS1FRWVDQyNHRydAwKDIyKjMzKzExKTCwqLKyqrOzq7GxqbBwaHLy6vPz6/JyenNza3FxeXDw6PHx6fAQGBISGhMTGxERGRCQmJKSmpOTm5GRmZBQWFLS2tPT29JSWlNTW1FxaXDQ2NAwODIyOjMzOzExOTCwuLKyurOzu7GxubBweHLy+vPz+/Hx+fP///wAAAAAAAAAAAAAAAAb+wJ1wSCwOcyJJzshsOo0FACjxrFqHAQBgYVRprt1Ty1S0XGyKIu3mMICJKW0EPJC/hyYCSgLWSUV3QyppYDkSHIGJiouLBl+MRhU2MUZ+DZBFOCAAGDVFLQAumEQ0Wi9kRCYriKNCKgcUXK1Wj7O2t7i5mApuujs0Hh0KGi4vAro1L1oBKg4gOLoWygA6OxYsvjsbJDIW2d/g4eKKGhZLRt62Bi4IBypFGSgbtg9aANBEEhQptiH2gN9qtCAR4ty4g7kYXNDhKVGMDGBqYNByKdEIArVcJUjwbkgMexgUGWBQRMUEirVqzNByYRaDTVJYCTEAY0PHUQYgaEGAKtsHBgw3KiQKAgAh+QQICQAAACwAAAAAKAAoAIUEAgSEgoREQkTEwsQkIiTk4uRkYmSkoqQUEhTU0tQ0MjT08vR0cnSUkpRUUlS0trQMCgxMSkzMyswsKizs6uxsamysqqwcGhzc2tw8Ojz8+vx8enycmpyMioxcWly8vrwEBgSEhoRERkTExsQkJiTk5uRkZmSkpqQUFhTU1tQ0NjT09vR0dnSUlpRUVlS8urwMDgxMTkzMzswsLizs7uxsbmysrqwcHhzc3tw8Pjz8/vx8fnycnpz///8AAAAAAAAG/sCecEgsEks0o3LJVI4QiFRzSh1yAACbUaOpGnUBxqJIY+xWxQEpQ/ESJViL14DluYcrwazgfSBufHeCQzRog4eIiW5dikYDIYFELSA7jUQpIAAKjEMbAB6WQyNYN4ZDCw9toT0aIQIPq7Gys7S1trdDAy4BaDUTSbQrBFgnPRUkwLMrN1gHQjq3HxEsnLjW19jZUzpjStWWNA43AdBECQQfsR1YIBhFODEJsTxYEDjWKzsictr9VCkOYgzwgiNAi29UVpDAgqBEwhlYWAjCAQELgBFENEiQUU5IAYsZBGnIgAXZEB10AEgcokEElgaDKOzYcW9IgYoAUCTrscDGEIeOjShcKGnK1gsVGSQMCgIAIfkECAkAAAAsAAAAACgAKACFBAIEhIKEREJExMLEJCYk5OLkZGJkpKKkFBIU9PL0VFJU1NLUNDY0lJKUdHJ0tLK0DAoMLC4s7OrsbGpsHBoc/Pr8XFpc3NrcnJqcvLq8TE5MzMrMPD48BAYEjI6MREZELCos5ObkZGZkrKqsFBYU9Pb0VFZU1NbUPDo8lJaUfHp8tLa0DA4MNDI07O7sbG5sHB4c/P78XF5c3N7cnJ6cvL68zM7M////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7Am3BILBJLJaNyyVSeKIRQc0odrgCdTXV7ozWSxErqECteNJMKdxgCALTVl3uwFsZkpsS2RkKB64AlaoCEhYaHiCcpUkU2LSuIRC4UAChlRCsINJFDEiwAEYNEEqKcKy82nKqrrK2ur7BTJy80ZR4af6wVDHM3Hgq5q7tuNbFDCy8Yl8bMzc6EEhkFrcvHMAAIxZwlExGbRHJuCqojbgiMQipuADKqVwAwLkQhHBAtM6s0InBEMaTPAI2EmCBiwRYXGB6U2sLBDQE9UyoIcJOiToJPbvANiVFgmiQSbkwAMuGGQykVHSBU3CgCC6Q6JQ5gkDfEBUgABKpV2KCRUw2FCG4ENFugQEZPLkEAACH5BAgJAAAALAAAAAAoACgAhQQCBISChMTCxERCROTi5CQiJKSipGRiZBQSFPTy9NTS1JSSlFRWVLSytHR2dDQyNAwKDMzKzExKTOzq7GxqbBwaHPz6/Ly6vIyKjNza3JyanDw+PAQGBISGhMTGxERGROTm5CQmJKyqrGRmZBQWFPT29NTW1FxaXLS2tHx+fDQ2NAwODMzOzExOTOzu7GxubBweHPz+/Ly+vJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJpwSCwSLRajcslUgh6bUnNKHbI4EEJ1S2MJjBbZtwg6BLjFEMK1XQAAIPSwMeOaHoyYfM/v+/+AgBMXUkUEEiyBQyUFABRGLAUyikIJJAAMSkmUQgIdcZyhoqOkewQmm6VCMyuYhaITHSIWCG8AKKQHbx6XbxekFG8sBiscDKmhLgsoSSAZyKrR0tNyCQps0gQPAAUmlBYdH7hEHbYvlAJvBa80GrYplCYcAA/IJSMkDNiKnlrU/2gSBEgBikoJFBH4MHizAdoSXRwa7GkEYE2RBOxolAjxxsGeFG8O6BkyAwECiUQwrIChYE8MAYSIxOAIYIMRAvsUSQg5DUQGig4J9gQBACH5BAgJAAAALAAAAAAoACgAhQQCBISChMTCxERCRCQiJOTi5KSipGRmZBQSFDQyNPTy9JSWlNTW1LSytFRSVHR2dAwKDIyKjMzKzCwqLOzq7KyqrBwaHDw6PPz6/ExKTGxubJyenNze3Ly6vFxaXHx+fAQGBISGhMTGxERGRCQmJOTm5KSmpGxqbBQWFDQ2NPT29JyanNza3FRWVHx6fAwODIyOjMzOzCwuLOzu7KyurBweHDw+PPz+/Ly+vP///wAAAAAAAAAAAAAAAAAAAAAAAAb+wJxwSCwaj8ikcng7PZbQaA5DkEmvBcaRMjMqPoZrcURQSRsAgFksjOGulNaHTa/b67fC+h6lXCATWnxEKgwYRS5pAB6DRBcAAUUPihmNQzIAT0QMBAAIApZCHCYKRhQiJaGqq6ytVwolN65FHTUvGoetChsSOZhpMa4aAC8UKYqCrJMIFAIkKB+yrSo0ghils9na25YYetwzIyApqaENB71EFYohoRQvABO5Qh2KK6EKNQAp0kI3ESkezGvEYQMFbgjrYNiwABsUDBJY1JkEwEE/JR8AQBBBZ0CaMkVUDBRiIw0MOiYggIhEBAcBEumG0KiRoBwbDgwu5vAIoIUPEZGrhgGYs03Fig0jowQBACH5BAgJAAAALAAAAAAoACgAhQQCBISChMTCxDw+POTi5FxeXKSipCwqLNTS1ExOTPTy9BQSFJSSlGxubLSytMzKzERGROzq7GRmZDw6PNza3FRWVPz6/BwaHJyanLy6vAwKDIyOjDQyNHR2dAQGBISGhMTGxERCROTm5GRiZKyurCwuLNTW1FRSVPT29BQWFJSWlHRydLS2tMzOzExKTOzu7GxqbNze3FxaXPz+/BweHJyenLy+vP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+wJtwSCwaj8ikkrhhLJ/FSGBlMroS0OxsAADQIkUF6shqZYkETRdggxIWnPPQUuouRFCLKiMfUioJAn2DhH1jhXIoMgsDeIhFM2BFNWsNj0UjADVFDGsSl0QnABtRXAdVoEIvIBZGKDEKqbKztLWFFi+2Ry0lFx8zuhYsMTeiXQS6nTQKFV0ejrWUBygUIQcqujczD9DA2d/g4akzL63hFhIXLrmyNh3ERCBrm6kKKQAuRRQeXQ6ydABgGCFxQoW5VKsOilvYx4aDQ1BexBpECYAlKCwWXKAwKBMADt7mhBwCowuGQSAuLKA3BMGAARzjHeAgqc8LaEMkdLlIxMINSFCdNImbkcHGTyhBAAA7);
background-position: center;
background-repeat: no-repeat;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
position: absolute;
top: 50%;
width: 50px;
}
.old-browser{z-index:9999;top:0;left:0;width:100%;height:100%;background-color:#fff;}
.old-browser img{position:absolute;width:700px;left:50%;top:50%;margin-left:-350px;margin-top:-202px}
</style>
</head>
<body>
<div id="preloader" class="loading-overlay">
<div id="loader"></div>
</div>
<script type="text/javascript">
var first_sceen__time = (+new Date());//记录页面初始化时间埋点统计监控
function htmlLoadOver() {
document.getElementById('preloader').className = "loading-overlay loaded";
if (!!window.addEventListener) {
window.addEventListener("load", function() {
window.onload_endtime = +new Date();
console.log('首屏加载耗时：'+ (window.onload_endtime - window.first_sceen__time) +'ms')
});
}
}
function complete() {
if (document.readyState == "complete") {
htmlLoadOver();
} else {
document.onreadystatechange = function() {
if (document.readyState == "complete") {
htmlLoadOver();
}
}
}
}
complete();
</script>
<!--[if lt IE 10]>
<div class="old-browser">
<a href="http://browsehappy.com/">
<img src="/static/older-browsers.png" alt="您的浏览器版本过低，为了保障您的访问安全，以及获得更友好的用户体验，建议您升级您的浏览器到最新版本。">
</a>
</div>
<![endif]-->
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>