问题描述
我为我的 HTML 刀片编写了一个 Showdate
函数,但上次使用它时我遇到了一个奇怪的情况,即代码运行两次并输出数据两次。
该功能之前没有任何问题。以下代码在刀片内部:
<div v-for="day in Days">
<p >@{{ShowDate(day.Date)}}</p>
</div>
每当我使用 Days:[{Date:"2021-03-06"},{Date:"2021-03-07"},{Date:"2021-03-08"}]
控制台运行上述代码时,都会记录以下结果:
2021-03-07
2021-03-08
2021-03-06
2021-03-07
2021-03-08
2021-03-06
这是我的功能:
ShowDate: function(date) {
return date
},
解决方法
你不需要这个功能。您可以直接访问当天的 Date 属性,例如:
<p>@{{day.Date}}</p>