elementui vue.js 点击详情页面,能打开多个详情页,详情页使用的是一个路由, 点击详情页1,跳转1号详情页,点击2号打开2号详情页
时间: 2023-02-16 19:27:56 浏览: 406
在 Vue.js 和 ElementUI 中,您可以使用路由来实现点击详情页面打开多个详情页的功能。具体实现方法如下:
1. 在 main.js 中配置路由,比如将详情页路由设置为 '/detail/:id'。
2. 在点击详情页的按钮上绑定事件,在事件中使用 $router.push() 方法跳转到相应的详情页。比如点击 1 号详情页,跳转到 '/detail/1'。
3. 在详情页组件中,使用 props 传入 id 参数,根据 id 参数加载对应的详情数据。
最后,如果你想要点击详情页1,跳转1号详情页,点击2号打开2号详情页,那么你需要在点击事件中使用 $router.push() 方法,并传入不同的 id 参数来实现.
阅读全文