请选择 进入手机版 | 继续访问电脑版

vant tab选项卡 左右滑动 且保留数据

[复制链接]
谭先生 发表于 2021-1-1 18:30:48 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
  1.     onClick() {      this.$nextTick(() => {        document.documentElement.scrollTop = document.body.scrollTop = this.list[this.active].scrollTop      })      if (this.list[this.active].products.length > 0) return      this.list[this.active].loading = true;      this.onLoad()    },    onLoad() {      const data = {        newsType: this.active == 0 ? null : this.active,        pageNum: this.list[this.active].page,        pageSize: this.pages.size      }      newsManager(data).then(res => {        res.data.list.map(item => {          item.videoThumb = JSON.parse(item.videoThumb)          item.newsImgs = item.newsImgs ? JSON.parse(item.newsImgs) : []        })        this.list[this.active].products = this.list[this.active].products.concat(res.data.list)        if (res.data.list.length > 0) {          this.list[this.active].page++        }        // 加载状态竣事        this.list[this.active].loading = false;        // 数据全部加载完成                if (this.list[this.active].page > res.data.totalPage) {          this.list[this.active].finished = true;        }      })    },    handleScroll() {      let s = document.documentElement.scrollTop || document.body.scrollTop      this.list[this.active].scrollTop = s      if (s >= 100) {        s = 100      }       this.$refs.nav.$el.style.background = `rgba(255,255,255, ${s * 0.01})`    },
复制代码
 

来源:https://blog.csdn.net/qq_41422208/article/details/111981807
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )