vue 数据改变页面没有实时渲染(不是一般的情况, 如果一般情况无法解决可能是这个原因)

css3里面的渐变色属性

    background-image: linear-gradient(121deg, rgba(36, 237, 255, 1) 0%, rgba(24, 102, 231, 1) 95.6298828125%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

如果给一个span设置了此属性,则可能导致页面的数据没有实时更新

简单demo,可以亲自去尝试下

<h1>{
   {count}}</h1>

  data() {
        return {
            count: 10,
            }
        }

h1 {
    background-image: linear-gradient(121deg, rgba(36, 237, 255, 1) 0%, rgba(24, 102, 231, 1) 95.6298828125%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

 

 当我使用vue插件修改count的值 页面