码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-11-27 11:59:56      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:log   其他   none   style   创建   images   图片   button   http   

一.创建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参数

标签:log   其他   none   style   创建   images   图片   button   http   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!