vue 路由跳转问题

roffer 2017-08-08 10:40:34

昨天新接触vue，做了个简单的单页面跳转，没有使用vue-cli构建项目，是直接在html页面引用vue、vue-router，

我的问题是：router-view不显示模板内容，请教下各位。

还有个问题想问下各位大仙：

没有使用vue-cli构建项目的条件下，如何使用模块xxx.vue模板呢？目前我是直接在页面字符串格式的模板

上图：

...全文

318 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

Vue路由跳转的五种方式。1. router-link，2. this.$router.push()， 3. this.$router.replace()，4. this.$router.go(n)， 5. location

VUE路由跳转传参，VUE，前端，router

vue3.0要注意，setup组件是在初始化之前执行，所以this还不是实例对象。vue3.0的处理方法就是，从vue-router中引入useRouter。利用useRouter来进行路由的跳转。首先，vue3.0跳转和vue2.0跳转方式差别不大，但是还有需要注意的地方。这里我介绍两种比较常见的路由跳转方法。name值是你在路由配置中的name属性。to 是你要跳转的路径，也就是接口。绑定点击事件的时候传入参数，进行判断跳转到哪个页面。1.利用router-link标签来进行跳转。

vue 路由跳转携带参数的方式：一、方式跳转，1. 携带query参数，2. 携带params参数，3.将参数转换为props属性；二、编程方式跳转路由

Vue路由跳转与接收参数路由跳转四种方式 (带参数) 1) router-link 1.不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始 2.带参数 <router-link :to="{name:'home', pa

87,997

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章