如何在作为道具传入之前修改 getter 中的变量?
How to modify a variable from a getter before passing in as a prop?
正在学习 React,现在正在尝试使用 Vue 碰碰运气。有些事情是不同的,以下是其中之一。
我使用 vuex 并通过它获得我的状态 getter:
computed: {
...mapGetters(["value"]),
},
然后我想将 is 作为 prop 传递到组件中:
<Card
title="Updated"
:value1="value.updated"
/>
在这种情况下,变量 value
是一个日期,我想以 ISO 格式传递它并拆分它,但以下内容不起作用:
:value1="value.updated.toISOString().split("T")[0]"
在哪里可以修改我的 value
变量以获得预期的结果?是 <script>
部分吗?但是我的 value
没有定义。
您所做的是正确的,只是漏掉了引号,因为 T 也在双引号中
你需要
:dt="dt.toISOString().split('T')[0]"
Fiddle : https://jsfiddle.net/hw3su91d/1/
正在学习 React,现在正在尝试使用 Vue 碰碰运气。有些事情是不同的,以下是其中之一。
我使用 vuex 并通过它获得我的状态 getter:
computed: {
...mapGetters(["value"]),
},
然后我想将 is 作为 prop 传递到组件中:
<Card
title="Updated"
:value1="value.updated"
/>
在这种情况下,变量 value
是一个日期,我想以 ISO 格式传递它并拆分它,但以下内容不起作用:
:value1="value.updated.toISOString().split("T")[0]"
在哪里可以修改我的 value
变量以获得预期的结果?是 <script>
部分吗?但是我的 value
没有定义。
您所做的是正确的,只是漏掉了引号,因为 T 也在双引号中
你需要
:dt="dt.toISOString().split('T')[0]"
Fiddle : https://jsfiddle.net/hw3su91d/1/