如何将数据值添加到链接中

Question

<td>{{ page.url }}</td>
<td>
  <b-button href="#wiki/{{page.url}}" variant="primary">View</b-button>
</td>

我正在尝试在我的按钮上填充href。

我也有一个路由器试图这样做

 <script>
 const router = new VueRouter({
     routes:[{
       path : '/:id',
       name : 'wiki',
       component : Detail
       }
     ]
 });
 </script>

Answer 1

使用v-bind或冒号快捷键

<b-button :href="'#wiki/' + page.url">