成都网站建设设计

将想法与焦点和您一起共享

如何正确的使用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路由传参
    当前链接:http://chengdu.cdxwcx.cn/article/geisop.html