Vue.js 「router-link to」による、動的パラメーターの設定

Question

質問内容

「router-link to」で動的パラメータをセットし、リンク先で確認したところ、動的パラメータが取得できません。
ご教示願います。

該当のソースコード

      <tr v-for="item in items" v-bind:key="item.id">
        <td><router-link to="/Detail/${item.id}">{{ item.id}}</router-link></td>
        <td>{{ item.name}}</td>
      </tr>

リンク先で console.log(this.$route.params['id']) を実行した結果、　→ 　${ item.id }

Answer 1

to だと書いたままになります。:to にすると評価されます。

<router-link :to="`/Detail/${item.id}`">{{item.id}}</router-link>