如果我這樣做了{{ name }}，我就會得到“廣告系列”
我想把它渲染到我的鏈接中
<router-link :to="'/' '123' '/' item.id"> {{ item.name }}</router-link>
我試過用 '123' 替換 {{ name }}
<router-link :to="'/' {{ name }} '/' item.id"> {{ item.name }}</router-link>
我不斷得到
編譯失敗。./src/components/Table.vue?vue&type=template&id=783f90ce& (./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier": "5c3eaf11-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref --1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Table.vue?vue&type=template&id=783f90ce&) 模塊構建失敗（來自 ./node_modules/vue- loader/lib/loaders/templateLoader.js): SyntaxError: Unexpected token (1:1767)
./src/components/Table.vue?vue&type=template&id=783f90ce& (./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier": "5c3eaf11-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref --1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Table.vue?vue&type=template&id=783f90ce&) 模塊構建失敗（來自 ./node_modules/vue- loader/lib/loaders/templateLoader.js): SyntaxError: Unexpected token (1:1767)
uj5u.com熱心網友回復：
只需使用它而不使用{{}}：
<router-link :to="'/' item.name '/' item.id"> {{ item.name }}</router-link>
或使用字串模板：
<router-link :to="`/${item.name}/${item.id}`"> {{ item.name }}</router-link>
uj5u.com熱心網友回復：
小胡子語法在 html 屬性中無效。也就是說，這是無效的：
<router-link
:to="'/' '123' '/' item.id"
>
{{ item.name }}
</router-link>
什么是正確的語法是：
<router-link
:to="`/${item.name}/${item.id}`"
>
{{ item.name }}
</router-link>
此外，我建議在檔案中檢查將屬性傳遞給路由物件。這將向您展示您可以在router諸如:id.
除了上述內容之外，我還會提出另一個建議，指出如果這被定義為組件的計算屬性，那么它很容易在 devtools 和將來的除錯中查看（例如，如果物件 props 未定義，您可能希望回傳空字串）。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/421446.html
標籤：