javascript - vue Mounted() 中的 setInterval 函数不起作用

Question

我的函数工作正常，但 setInterval 不起作用，我希望我的 h1 的 text-shadow 被随机化(已经编写了该函数)并每 1000 毫秒更改一次setInterval() 但它似乎不起作用

代码如下:

  data(){
      return {
        textshadow: '1.3px 2px 0',
        textshadowColor: '#333'
      }
  },
  methods:{
    playy:function(){
      var test = '#'+Math.floor(Math.random()*16777215).toString(16);
      this.textshadowColor = test;
    }
  },
  mounted(){
    setInterval(this.playy(),1000);
  }

  <div class="main">
      <h1 v-bind:style="{textShadow : '1.3px 2px 0' + textshadowColor}">{{ title }}</h1>
  </div>

h1 {
  text-align:center;
  padding-top:22px;
  color:#fff;
  text-shadow:1.3px 2px 0;
  cursor: nesw-resize;
  transition: .2s;
}

Answer 1

尝试传递 this.playy 而不是 this.playy() setInterval 需要函数的引用。

setInterval(this.playy,1000);