Javascript vue—正常链接的行为方式<;路线连接>;?
我有两页:Javascript vue—正常链接的行为方式<;路线连接>;?,javascript,vue.js,vue-cli,vue-cli-3,Javascript,Vue.js,Vue Cli,Vue Cli 3,我有两页: Home>结果 在“主页”中,我有一个按钮/链接,它不在中,我希望该按钮重定向到Results.vue传递参数 这个名为activeTab的参数必须打开所需的vue选项卡,这是我无法完成的,因为它没有从变量中获得任何信息: 代码: Home.vue 结果.vue 如果这是一个路由,我如何创建它?即使b-link组件也支持:to属性。被发现 该属性的值将被传递到router.push() 重定向我 <div class="row"> <Notes refN
Home>结果
在“主页”中,我有一个按钮/链接,它不在
中,我希望该按钮重定向到Results.vue
传递参数
这个名为activeTab
的参数必须打开所需的vue选项卡,这是我无法完成的,因为它没有从变量中获得任何信息:
代码:
Home.vue
结果.vue
如果这是一个
路由,我如何创建它?即使b-link
组件也支持:to
属性。被发现
该属性的值将被传递到router.push()
重定向我
<div class="row">
<Notes refName="Relationship" />
<Notes refName="Support" />
</div>
...
<script>
import Notes from '@/components/Monthlynotes.vue'
export default {
name: 'home',
components: {
Notes
},
</script>
<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>
<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>
<router-link :to="{name:'results', param:{activeTab}}">Results</router-link>
<b-link :to="{name:'results', param:{activeTab}}">Redirect me</b-link>