189 8069 5689

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


    网页名称：如何正确的使用vue-router路由传参
    文章URL：http://cdxtjz.com/article/geisop.html

    其他资讯