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

推荐订阅源

D
DataBreaches.Net
IT之家
IT之家
博客园_首页
博客园 - 【当耐特】
V
V2EX
Apple Machine Learning Research
Apple Machine Learning Research
G
Google Developers Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Recent Announcements
Recent Announcements
F
Fortinet All Blogs
GbyAI
GbyAI
腾讯CDC
H
Hackread – Cybersecurity News, Data Breaches, AI and More
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
I
InfoQ
H
Help Net Security
T
Tailwind CSS Blog
B
Blog RSS Feed
Martin Fowler
Martin Fowler
人人都是产品经理
人人都是产品经理
The Cloudflare 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