如何将支柱插入<路由器-链接>？
如果我做了这个{{ name }}，我就会有“竞选”
我想把它呈现到我的链接中
<router-link :to="'/' + '123' + '/' + item.id"> {{ item.name }}</router-link>我试过用{{ name }}替换'123‘
<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_node/vue-加载程序/lib/loaders/)templateLoader.js)：SyntaxError:意外令牌(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_node/vue-加载程序/lib/loaders/)templateLoader.js)：SyntaxError:意外令牌(1:1767)
回答 1
Stack Overflow用户
发布于 2022-01-25 20:38:46
胡须语法在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和将来的调试中都很容易查看它(例如，如果对象道具未定义，您可能希望返回空字符串)。
https://stackoverflow.com/questions/70855319
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号