javascript - vue - 普通链接的行为方式?
问题描述
我有两个页面路由:
Home > Results
在“主页”内,我有一个不在其中的按钮/链接,<route-view/>
我希望此按钮重定向到Results.vue
传递参数。
这个名为 的参数activeTab
必须打开所需vue-tabs
的,我无法完成,因为它没有从变量中得到任何东西:
代码:
Home.vue
<div class="row"> <Notes refName="Relationship" /> <Notes refName="Support" /> </div> ... <script> import Notes from '@/components/Monthlynotes.vue' export default { name: 'home', components: { Notes }, </script>
/components/Monthlynotes.vue
<b-card> <p class="card-text">{{ refName }}</p> <b-link class="right" :activeTab="refName" href="/results">More</b-link> </b-card> ... <script> export default { props: { refName: String, }, </script>
Results.vue
<vue-tabs type="pills" v-model="tabName"> <v-tab title="Relationship"> <RelDT msg="Results view"/> </v-tab> <v-tab title="Support"> <SupDT msg="Results view"/> </v-tab> </vue-tabs> ... <script> import RelDT from '@/components/DataTable.rel.vue' import SupDT from '@/components/DataTable.sup.vue' export default { name: 'results', props: { activeTab: String }, components: { RelDT, SupDT, }, data() { return { tabName: activeTab } } } </script>
App
<router-link :to="{name:'results', param:{activeTab}}">Results</router-link>
<b-link>
如果它是一条路线,我该怎么做<route-link />
?
解决方案
甚至b-link
组件也支持该:to
属性。在这里可以找到
该属性的值将被传递给router.push()
.
<b-link :to="{name:'results', param:{activeTab}}">Redirect me</b-link>
推荐阅读
- android - Gradle:密码验证失败 - Android Studio
- python - 从python中的文档中获取数值
- discord.py - Discord.py 机器人消息绕过
- powershell - 使用 powershell 进行编码
- r - 如何检索 ggplot2 内部绘图大小和边距长度
- matlab - 导出为 .pdf [MATLAB] 时以正常样式保存希腊字母时出现问题
- c++ - 架构模式:处理两个相同实现的函数
- python - Django 单元测试 - 查询测试数据库内容
- php - 在 php codeigniter 中上传图片
- excel - Excel 中的游戏结果