Vue开发中的知识点

最新推荐文章于 2022-03-27 15:24:20 发布

Roydly

最新推荐文章于 2022-03-27 15:24:20 发布

阅读量197

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_63473024/article/details/123408632

版权

本文探讨了Vue开发中的一些常见问题及解决方案，包括 vant 中的样式覆盖问题，使用 /deep/ 解决；移动端页面滚动位置重置问题，通过设置视口单位 vh 解决； vant List 的瀑布流加载，详述了load和finished属性的使用，以及调试中的打印技巧。

摘要由CSDN通过智能技术生成

1-vant中的一些css样式无法修改的问题,尝试加入自己定义的类名 id 甚至加!important都无法更改

方法:在css的类名或id前面加上 /deep/ 深度递归会寻找到到相对应的标签.进行样式的更改

/deep/ .channel-tabs {
  .van-tab {
    border-right: 1px solid #edeff3;
    min-width: 200px;
    font-size: 30px;
    color: #777777;
  }

2-关于同一个页面中不同的组件切换后浏览过的位置在返回的时候刷新重置的问题移动端开发

原因 : 通过执行一下代码知道了原因

控制台显示每个列表内容滚动的都是同一个元素 body, 因而切换标签时, 无法记录列表上一次的滚动条位置

尝试给父盒子设置高度100%发现依旧不行,因为没有被撑开高度,

视口单位：vw 和 vh，不受父元素影响

height: 79vh;

overflow-y: auto;

根据需求去更改vh的值,1vh=百分之一的视口高度,这样就相当于给了div固定的高度,

测试=>控制台中输入

关注