javascript - 如何在Vue JS中更改CSS背景？

我尝试更改滑块的背景颜色。但是我的代码无法正常工作。谁能帮我吗？

这是我的代码

html

<a href="#" @click.prevent="redColor">Change Color</a>
<input type="range" :class="{background:fillColor}" class="slider-range" id="range" value="0" name="range" min="0" step="1" max="8">

js代码

     var vm = new Vue({

          el:'#app',
          data:{
            fillColor:''
          },
          methods:{
            redColor:function(){
                this.fillColor = 'linear-gradient(90deg, #f5f4f4 0, rgb(209, 39, 16) 100%)';


            },

          }

     });

最佳答案

开关

:class="{background:fillColor}"

至

:style="{background:fillColor}"