扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
js代码如下：
new Vue({
el: '#page-break',
data: {
cur: 1,
all: 20
},
watch: {
cur: function(newValue, oldValue){
console.log(arguments);
}
},
methods: {
btnClick(num){
if(num!=this.cur){
this.cur=num;
}
},
pageClick(){
console.log('现在是'+this.cur+'页')
},
pageSkip(){
var maxPage = this.all;
var skipPage = Number(document.getElementsByClassName("jumppage")[0].value);
console.log(typeof skipPage);
if(!skipPage){
alert("请输入跳转页码");
return;
}else if(skipPage<1 || skipPage>maxPage){
alert("您输入的页码超过页数范围了！");
return;
}else{
//this.cur=skipPage;
this.btnClick(skipPage);
this.pageClick();
}
}
},
computed: {
indexs(){
var left = 1;
var right = this.all;
var arr = [];
if(this.all>=7){
if(this.cur>4 && this.cur 看完上述内容，你们掌握利用Vue2.0怎么实现一个分页跳转效果的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
分享标题：利用Vue2.0怎么实现一个分页跳转效果
网页网址：http://kswjz.com/article/gisspe.html
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网