RouterLink неправильно отображается в Vue Js - PullRequest
Новая
       28

RouterLink неправильно отображается в Vue Js

0 голосов
/ 22 сентября 2018

У меня проблема с использованием routerLink в Vue Js.Показывает только локальный хост: 8080 / # / buy-orders.Это должно быть localhost: 8080 / # / purchase-orders / 2, так как я добавил свойство params.Как мне это исправить? 

<el-table-column
                            fixed="right"
                            property="action"
                            label="Action"
                            width="120">
                            <template slot-scope="scope">
                                <router-link :to="{ path: '', params: { id: 2 }}">
                                    <el-button type="text" size="small">Detail</el-button>
                                </router-link>
                                <el-button type="text" size="small">Edit</el-button>
                            </template>
                        </el-table-column>

1 Ответ

0 голосов
/ 22 сентября 2018

параметры игнорируются, если используется путь .Вместо этого вам нужно использовать name .

Это должно выглядеть следующим образом: (при условии orders это название маршрута) 

<router-link :to="{ name: 'orders', params: { id: 2 }}">

В качестве альтернативы,если вы хотите использовать путь , вы должны указать полный путь.

https://router.vuejs.org/guide/essentials/navigation.html

Примечание: параметры игнорируются, если указывается путь, то естьне случай для запроса, как показано в примере выше.Вместо этого вам нужно указать название маршрута или вручную указать весь путь с любым параметром:

...