vue - Как нормальная ссылка может действовать как? - PullRequest
Новая
       11

vue - Как нормальная ссылка может действовать как?

0 голосов
/ 29 ноября 2018

У меня есть две перенаправленные страницы:

Home > Results

Внутри «Дома», у меня есть кнопка / ссылка, которой нет в <route-view/>, и я хочу, чтобы эта кнопка перенаправляла наResults.vue передача параметра.

Этот параметр с именем activeTab должен открыть нужный vue-tabs, чего я не могу достичь, потому что он ничего не получает от переменной:

code:

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 />?

1 Ответ

0 голосов
/ 29 ноября 2018

Даже компонент b-link поддерживает свойство :to.Чтобы найти здесь Значение свойства будет передано router.push(). 

<b-link :to="{name:'results', param:{activeTab}}">Redirect me</b-link>
...