时间戳

首页 > 解决方案 > Vuejs：如何有条件地附加道具？

javascript - Vuejs：如何有条件地附加道具？

问题描述

我有一个组件 A，它正在另一个组件 B 中导入。当在组件 B 中单击按钮时，组件 A 以模式打开。组件 A 称为 blogPost。有 2 个用例。

1 单击按钮时我们需要传递 2 个道具。

<blogPost :token_id="tokenId" :token_url="tokenUrl"></blogPost>

2 单击按钮时不需要道具的一种

<blogPost></blogPost>

有什么办法可以有条件地附加道具。我想根据仪表板中的条件附加道具。如果 inDashboard 为真，我想要案例 1。如果 inDashboard 为假，我想要案例 2。有没有办法在一行中实现这一点。现在我在单独的模态中分别为它们提供了 2 行。

标签： javascriptvue.js

解决方案

你可以像这样实现它

<blogPost :token_id="inDashboard?tokenId:null" :token_url="inDashboard?tokenUrl:null"></blogPost>

然后在 blogPost 中检查 token_id 和 token_url 是否有值

推荐阅读