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

推荐订阅源

WordPress大学
WordPress大学
小众软件
小众软件
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - Franky
Jina AI
Jina AI
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Y
Y Combinator Blog
V
Visual Studio Blog
C
Check Point Blog
阮一峰的网络日志
阮一峰的网络日志
U
Unit 42
量子位
人人都是产品经理
人人都是产品经理
博客园 - 聂微东
M
MIT News - Artificial intelligence
爱范儿
爱范儿
B
Blog RSS Feed
MyScale Blog
MyScale Blog
H
Help Net Security
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
美团技术团队
L
LangChain Blog
D
Docker

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