首页 > 其他 > 详细

Vue--通过button跳转到其他组件并携带id参数

时间:2017-11-27 11:48:23      阅读:870      评论:0      收藏:0      [点我收藏+]

一.创建vue文件

 技术分享图片

 

  

技术分享图片
 1 <template>
 2     <div>
 3         goodsCommon<br/>
 4         goodsCommon<br/>
 5         goodsCommon<br/>
 6         goodsCommon<br/>
 7         goodsCommon<br/>
 8         goodsCommon<br/>
 9         goodsCommon<br/>
10         goodsCommon<br/>
11         goodsCommon<br/>
12         goodsCommon<br/>
13         goodsCommon<br/>
14         goodsCommon<br/>
15         goodsCommon<br/>
16         goodsCommon<br/>
17         goodsCommon<br/>
18         goodsCommon<br/>
19     </div>
20 </template>
21 
22 <script>
23     export default {
24         data() {
25             return {
26 
27             }
28         }
29     }
30 </script>
31 <style>
32     
33 </style>
View Code

二.在main.js配置路由

引入vue文件

 技术分享图片

技术分享图片

三.在跳转button添加事件

技术分享图片

技术分享图片

 

跳转成功!

技术分享图片

 

Vue--通过button跳转到其他组件并携带id参数

原文:http://www.cnblogs.com/mrszhou/p/7903359.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!