css字体样式渐变导致360浏览器vue兼容性问题

项目中突然发现360极速浏览器的极速模式，使用v-for遍历数据进行dom渲染，点击切换时有些dom数据显示不会随数据改变而改变。测试了其他浏览器，都是正常的.只有360的浏览器有这种情况，最后发现：

我的字体使用了渐变的样式：

 background-image: linear-gradient(
 0deg,
rgba(252, 234, 187, 1) 0%,
rgba(248, 181, 0, 1) 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; //这行代码引起兼容性

最后一行代码引起了这个问题，很奇怪。

最后按照https://www.jianshu.com/p/e47837d80283的第三种方法修改后，成功解决。