vue2 如何通过router传递参数
2017-07-06 10:07
316 查看
当需要router-link传递参数的时候 vue2 如何做 记录下来备忘
1、通过vue页面传递参数
<router-link :to="{ path:'./attachment',query:{order_id: task.ORDERID}}"><mt-button type="primary" size="small">查看附件</mt-button></router-link>
2、通过方法传递参数
methods: {
society() {
//console.log('society');
this.$router.push({
name:'society',
query:{value:1}
})
},
3、接值
methods:{
loadData:function(){
this.id = this.$route.query.order_id;
axios.get("http://testqywx.origimed.com:18082/weixin-qy/order/Order/userOrderFilesList.json?usercode=sysadmin&orderId="+this.id)
.then(response=>this.tasks=response.data.reason);
}
},
1、通过vue页面传递参数
<router-link :to="{ path:'./attachment',query:{order_id: task.ORDERID}}"><mt-button type="primary" size="small">查看附件</mt-button></router-link>
2、通过方法传递参数
methods: {
society() {
//console.log('society');
this.$router.push({
name:'society',
query:{value:1}
})
},
3、接值
methods:{
loadData:function(){
this.id = this.$route.query.order_id;
axios.get("http://testqywx.origimed.com:18082/weixin-qy/order/Order/userOrderFilesList.json?usercode=sysadmin&orderId="+this.id)
.then(response=>this.tasks=response.data.reason);
}
},
相关文章推荐
- Vue系列:通过vue-router如何传递参数
- Vue系列:通过vue-router如何传递参数示例
- Vue系列:通过vue-router如何传递参数
- Vue系列:通过vue-router如何传递参数
- 如何通过地址栏传递参数及获得参数
- 通过url传递参数时,如何获取全部参数
- Jsp中通过get方法传递参数为中文时出现乱码如何解决?
- 10.如何通过值或引用传递参数
- 如何通过超链接传递数组参数
- JSP页面如何通过Form传递参数到另一个JSP页面
- 如何使用js来实现通过href完成多个html页面之间的传递参数
- 如何通过传递参数来切换图表和数据
- MySQL数据库中 如何在存储过程中通过传递的参数创建表
- react路由的使用方法以及通过路由如何传参传递私有属性--【基于最新版本的react-router-dom(4.2.2)】
- javascript function传递 参数当参数是 字符串 如何拼接(有些参数是通过变量得到的) 如何拼接
- 【HOW】如何通过URL给Reporting Services报表传递参数
- 如何证明C语言函数参数的转递是单值传递
- 如何向线程传递参数
- c#中通过值和引用传递参数
- 怎么通过url传递带?#等特殊字符的参数!