如何将对象传递给 buefy 组件的 html 属性

Question

我正在查看 Buefy 的日期时间选择器文档。

我想为 datetimepicker 中的时间选择器传递一个时间格式化程序。在文档中它说 "timepicker, Any timepicker props, Object " buefy api 传递一个对象。但是如果我尝试这样做，我会得到错误。

<b-datetimepicker
     placeholder="Click to select..."
     v-model="datepicker_value"
     :datetime-formatter="formatter"
     :timepicker={'time-formatter'="t_formatter"}
    >
</b-datetimepicker>

我不知道如何通过格式化程序

Answer 1

您传递的属性无效 javascript。此外，time-formatter 参数的预期属性不是表示函数的字符串，而是实际函数。让我们修复它：

首先，让我们修复我们的 javascript 错误和回调函数参数：

:timepicker="{'time-formatter': t_formatter}"

现在让我们确保在我们的 vue 模板中声明该函数：

t_formatter (time) {
  return Intl.DateTimeFormat(locale, { timezone: "UTC" }).format(time)
}

现在应该可以适当修改时间了。

如何将对象传递给 buefy 组件的 html 属性

How to pass an object to the html attribute for buefy component

vue.js

buefy