惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

L
LangChain Blog
V
V2EX
爱范儿
爱范儿
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Martin Fowler
Martin Fowler
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Apple Machine Learning Research
Apple Machine Learning Research
WordPress大学
WordPress大学
有赞技术团队
有赞技术团队
宝玉的分享
宝玉的分享
Last Week in AI
Last Week in AI
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
罗磊的独立博客
小众软件
小众软件
Vercel News
Vercel News
博客园 - 司徒正美
阮一峰的网络日志
阮一峰的网络日志
V
Visual Studio Blog
J
Java Code Geeks
P
Proofpoint News Feed
MongoDB | Blog
MongoDB | Blog
B
Blog
美团技术团队
量子位

WishMeLz - Vue

Electron 主进程起一个可用的 HTTPS 静态服务器 - WishMeLz Vant UI van-search 键盘没有显示「搜索」按钮的解决方案 - WishMeLz Lodop、C-Lodop使用笔记 - WishMeLz el-upload beforeUpload 使用async无法拦截 ANSI 字体在前端展示 Jenkins日志 - WishMeLz 获取视频某一秒的截图 - WishMeLz elementui 动态生成的 el-form-item rules校验失效 vue中v-html - WishMeLz SSE(Server-Sent Events) - WishMeLz
van-nav-bar 页面宽度改动 placeholder占位元素未自动更新 - ...
Wish · 2025-11-10 · via WishMeLz - Vue

van-nav-bar 页面宽度改动 placeholder占位元素未自动更新

折叠屏展开收起,改动的是页面宽度。placeholder未主动更新,导致页面错位

问题展示:

2025-11-10T03:52:52.png

修复后效果:

zxc123sss22.gif

代码

navBarKey: number = 0

mounted() {
    window.addEventListener('resize', this.handleResize);
}
beforeDestroy() {
    window.removeEventListener('resize', this.handleResize);
}

<van-nav-bar
    key={this.navBarKey}
    title="title"
    border={false}
    placeholder
    fixed
></van-nav-bar>

最后编辑时间为: November 10th , 2025 at 11:56 am
本文由 Wish 创作,采用 知识共享署名 4.0 国际许可协议进行许可
可自由转载、引用,但需署名作者且注明文章出处

标签 : Vant, Vue