在template
<li v-for="item in items">
<p class="time"><span>{{ item.timer }}</span></p>
<div class="main self">
<img class="avatar" src="@/assets/img/2.jpg" alt="" />
<div class="text">
{{ item.label }}
</div>
</div>
</li>
data中
timer: '',
items: [],
newItem: '',
methods 中
seed() {
if(this.$refs.textarea.value === '') {
this.$Message.error('不能发送空白信息');
} else {
var date = new Date();
var hour = date.getHours(); //时
var minute = date.getMinutes(); //分
var second = date.getSeconds(); //秒
if(hour < 10 ) {
hour = '0' + hour
}
if(minute < 10){
minute = '0' + minute
}
if(second < 10){
second = '0' + second
}
this.timer = hour + ':' + minute + ':' + second;
this.items.push({
label: this.newItem,
isFinished: false,
timer: this.timer
})
this.newItem = '';
}
}
现在的问题是:每次点击发送的时候都会显示时间,但我想隔三分钟才显示时间,请问怎么解决
你可以每次发送成功都记录一下上一次的发送时间,下一次发送的时候通过比对来判断是否显示