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

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后强制渲染数据