[Vue]在Safari上面不会自动装填数据

原创于 2021-05-31 19:15:51 发布 · 321 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #Safari #iPhone #浏览器

vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍在Vue应用中，如何使用$forceUpdate()方法解决iPhone和Mac Safari浏览器预填充数据失效的问题，特别针对Safari加载机制的特殊性给出解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

issue:

在页面上我有一些prefill的数据,在PC(除Safari)和Android上的浏览器都很正常,但是iphone上所有浏览器都不会自动装填数据,而且MacBook 上Safari也同样情况

Solution:

在Vue里面有一个方法

app.$forceUpdate();

进行强制渲染

因为数据层次太多，render函数没有自动更新，需手动强制刷新。

调用强制更新方法this.$forceUpdate()会更新视图和数据，触发updated生命周期。

Sample:

在变换屏幕尺寸时强制渲染:

 created: function created() {
            var self = this;
            window.addEventListener('resize', function () {
                self.$forceUpdate();
            });

Safari加载数据机制特殊,不能prefill,在app.$set后强制渲染数据