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; //这行代码引起兼容性

最后一行代码引起了这个问题,很奇怪。
【css字体样式渐变导致360浏览器vue兼容性问题】最后按照https://www.jianshu.com/p/e47837d80283的第三种方法修改后,成功解决。

    推荐阅读