在vue中我想从商品预览，携带参数跳转到商品详情页面，该怎么做呢

可以使用 Vue Router 来实现这个功能。以下是具体的实现步骤：

1. 在商品预览组件中，使用 `<router-link>` 标签来实现跳转。例如：

<router-link :to="{ name: 'ProductDetail', params: { productId: product.id } }">
  商品详情
</router-link>

其中，`:to` 属性指定了跳转的目标路由，`name` 属性指定了目标路由的名称，`params` 属性指定了需要携带的参数。

2. 在路由配置中，定义目标路由。例如：

const routes = [
  {
    path: '/product/:productId',
    name: 'ProductDetail',
    component: ProductDetail
  }
]

其中，`:productId` 是参数名，`ProductDetail` 是路由名称，`ProductDetail` 对应的组件是 `ProductDetail`。

3. 在目标组件中，通过 `$route.params` 来获取参数。例如：

export default {
  mounted() {
    const productId = this.$route.params.productId
    // 根据 productId 加载商品详情数据
  }
}

这样，就可以从商品预览组件跳转到商品详情页面，并且携带参数了。