为进一步加强网站建设,wordpress 添加首页,答题网站开发,西安网站维护 策划Vue的页面跳转有两种方式#xff0c;第一种是标签内跳转#xff0c;第二种是编程式路由导航
1.
router-link to/Demobutton点击跳转1/button
/router-link2.router.push(/Demo);一、标签内通过 router-link跳转
通常用于点击 …Vue的页面跳转有两种方式第一种是标签内跳转第二种是编程式路由导航
1.
router-link to/Demobutton点击跳转1/button
/router-link2.router.push(/Demo);一、标签内通过 router-link跳转
通常用于点击 查看 按钮跳转到其他页面
// 1. 不带参数直接跳转
router-link to/Demobutton点击跳转/button
/router-linkrouter-link :to{name:Demo}
router-link :to{path:/Demo} //name path都可以 建议用name // 2. 带参数跳转
// 1query参数
router-link :to{path:Demo,query:{id:1}}button点击跳转2/button
/router-link// 3. params参数
router-link :to{name:Demo,params:{setid:2}}button点击跳转/button
/router-link
二、编程式路由导航
import { useRouter } from vue-router;
const router useRouter();
//直接跳转
const handleChange () {router.push(/Demo);
};//带参数跳转
router.push({path:/Demo,query:{id:3}});
router.push({name:Demo,params:{id:1}});原创作者吴小糖
创作时间2023.12.21