vue js无法正确显示道具组件

Question

我构建了一个名为'<application android:largeHeap="true"> '的'date'属性的组件：

datesel

我试图将其显示在组件中，但没有显示上述日期，而是显示-2001

我的组件在下面：

<booking-table :datesel="23-05-2019"></booking-table>

你能告诉我我在想什么吗？

比大家

Answer 1

您要传递一个表达式（2019年5月23日至05日）。

要获得正确的输出，您可以像这样传递它：

datesel="23-05-2019"（无:）

或

{:datesel="'23-05-2019'"（用'包装输入参数）。

这是因为使用:会将输入参数评估为JavaScript表达式而不是字符串。例如，如果您传递的是Date类型，那就太好了，但是在字符串示例中，您实际上可以跳过它并获得相同的输出！

Vue文档（很棒！）上有一节：https://vuejs.org/v2/guide/components-props.html。