日期函数在 vue.js 中运行两次

如何解决日期函数在 vue.js 中运行两次

我为我的 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>