如何正确的使用vue-router路由传参

这篇文章给大家介绍如何正确的使用vue-router 路由传参，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

创新互联专注于企业全网营销推广、网站重做改版、鹿邑网站定制设计、自适应品牌网站建设、成都h5网站建设、成都商城网站开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为鹿邑等各大城市提供网站开发制作服务。

在设置路由规则时，我们可以给路径名设置一个别名，方便进行路由跳转，而不需要去记住过长的全路径。

例如：

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


  routerTest1
  



  
    
      
        Brand

<%--定义跳转的路径--%>

Home

List

this is list page----{{$route.path}}

用户信息

用户{{$route.params.id}} 用户{{$route.params.id}}

this is home page

List

Detail

上文中的 importFile,jsp 在上一篇路由基本用法中介绍过了，就是引入需要的文件。

如何正确的使用vue-router 路由传参

关于如何正确的使用vue-router 路由传参就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

名称栏目：如何正确的使用vue-router路由传参
网址分享：http://cdxtjz.cn/article/geisop.html

如何正确的使用vue-router路由传参

this is list page----{{$route.path}}

用户信息

this is home page

其他资讯