使用vue-router 来实现webapp的页面跳转,有时候需要传递参数,做法如下:
主要有以下几个步骤:
(1) 设置好路由配置
这里有2个关键点:
a)给该路由命名,也就是上文中的 name: 'history',
b)在路径中要使用在路径中使用冒号开头的数字来接受参数,也就是上文中的 :deviceId,:dataId;
(2)在v-link中传递参数;
这里的123,456都可以改用变量。
比如该template所对应的组件有2个变量定义如下:
return {
deviceId:123,dataId:456
}
}
此时上面那个v-link可以改写为:
(3)在router的目标组件上获取入参
比如在router目标组件的ready函数中可以这么使用。
console.log('deviceid: ' + this.$route.params.deviceId);
console.log('dataId: ' + this.$route.params.dataId);
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。