我想在单击按钮后稍微延迟地切换 div 的样式。
如果我只是使用没有超时的东西，那么代码将正常工作this.customEffect = 'blueborder';。
new Vue({
el: '#app',
data: {
customEffect: ''
},
methods: {
start: function() {
setTimeout(function() {
this.customEffect = 'blueborder';
}, 1000);
setTimeout(function() {
this.customEffect = 'redtext';
}, 2000);
}
}
});.blueborder {
border: 3px solid blue;
}
.redtext {
color: red;
}<script src="https://npmcdn.com/vue/dist/vue.js"></script>
<div id="app">
<div>
<button @click="start">Start</button>
<div :class="customEffect">Some text</div>
</div>
</div>