时间戳

首页 > 解决方案 > 在 Vue js 中从一个详细信息页面到主详细信息页面

laravel - 在 Vue js 中从一个详细信息页面到主详细信息页面

问题描述

我想从一个详细信息页面转到另一个详细信息页面。

例如，我当前的页面在http://localhost:8000/#/product/bridal-suit哪里bridal-suit是动态 slug，

在这个页面上面提到的相关产品。在相关产品上，当我单击其中一个时，它应该打开数据更改的同一页面，但问题是它没有改变并且仍然相同。

这是相关产品的代码v-bind:to="'/product/'+ product.slug"

标签： laravelvue.js

解决方案

将:key属性添加到您的组件。

例如，如果您的组件如下所示：

<ProductItem />

然后您要更改的内容$route.params.slug添加slug为:key：

<ProductItem :key="$route.params.slug" />

a 的更改slug将强制重新渲染您的组件并刷新数据:-)

因此，在您的情况下，我猜测传递:key="product.slug"给您的组件可以解决问题。

更多关于更新组件的阅读。

推荐阅读