如何在 Vue.js 中使用 v-for 拼接 href 属性并绑定到 el-link 组件?-灵析社区

喝一杯吧可以吗

`` 如何在 `v-for` 中拼接 `href` data() { return { baseUrl: process.env.VUE_APP_BASE_API, } } 日志标题:{{ content.notice }} 日志内容:{{ content.content }} 相关附件:{{ content.url }} --> 相关附件: {{ content.urlname }} {{ content.notice }} `${baseUrl}${content.url}` 这种写法不能拿到 `content.url` 的值

阅读量:187

点赞量:0

问AI
看起来是没有问题的, "${baseUrl}${content.url}" 应该是能够正确拼接出来正确的结果。 最好是可以提供一个最小复现,比如我这样的 👉 "Playground Demo" (https://link.segmentfault.com/?enc=uDS5wku8Ut%2BeC7EDGHV7Mw%3D%3D.TwG4i%2FNEvOeb3TCtc%2BOJ9n600PsKXKOL6beqHzQ%2F2TZnYkJjtncJmskdqDduCvJwUX00TgvHz1A8UqjkdrCmSp8bSc7%2FHO7kJhxp4Xumuxyx4Lw9NqnlZI%2BJqFHFhmH88xyRsFpPlabGJxGSPAstVvvwE68yEBNgU6ZZG1qc%2Bx6vXO%2B5jPOLM%2FPtDPAdRHICUt60oOibh9QuGx1IhL%2FTpru5wJkd9wAgdvSdZYzth4cAS78nEojnjkCWJ9JbRdfl%2FzvXA0qyb8dpCZGZPzjBWHNpCq7assO%2Fvs2yux%2BmaT8vVXT31eYegFJa0u7iEru%2FD6GESQlsqpYVwKAkDVR%2Ffqc3YfmVlZUbFJ9bwIP2dMLxAcGmPf33aMa%2FjABaKX%2FsyMDVS0LpXDq6avjqPPACMcEu%2BVPBnL%2BvPicCILiyNzn%2F2mRHVB3LHXWrUwkBHIpd0TUCeXnBJKg1K4LPWuwvzcbK0uqtcDYhnNve0muOyhJJtJx0J2GaJwRARMjyFDaH4DPqnIHtCKO1GU%2F3hmCgAUgu6vDvJCxJL%2FYtbtFuCjLe13M3RcV4%2FXRV0mwzurvCckfVISaA%2FIr8FH4JHb5NxRFsfOH1IUL2wmeYtr9lbfvrAGgkDyvCERu9h5AoexyjTRThh9LucwDWitIGVZ7pAKUUoB8FuN6an2vBKqJ7WKFA3Ab5aBJHCUY3asKz%2BXQ4xI1TFUIOmk35PDhdDubTav%2BgErkti9xcXD6jtoIH4NDCJBRy7%2BYluewO0ujHxuIpYrArjDBHdbH8BRiRN4QoFVtZe%2F7NhwSmhkOi36o6EAY6i8IOnnKcpRplacMTNJqXATHx3OYnns9QIIFfWO5fHNLA9PKVu6sLHAI89TyEkO8sGovPNO6Nzf8gUFM6aVbikxRsNfjkUJnA4QvnFqGN%2FXaQD6%2FkoiQcS4rjPBPB80v%2FeOknb9kBxH2w0SpKRGQPa9woz9dzGd7M4zEC82pSlyxrHiN%2Bmc9pm6W1tR%2BPy%2BIbiWoYUHtGtgKNK4%2BVfyie%2BWecl7JT7UgJnnaoN4kt9jZa2WnWY80%2F2R1GseajBNYGHVxBvWEszApYjRiTbIS0w%2BbqfS3EmZNKQFEbK53G6fDFT9cDnWPlI4GfXCwMjvchd5rMgtjYeDcngAJZLfCTLM87eceYfjHKxQKVl4JzcrvO0HcbZr94HGZv1i6bygxJyRVds%2BsMIqVYAjgghKj4f8UCGrWHYwnfK3lNpYMovqT1%2BUWuCCh%2F0Ow96nPMfC%2B%2FLdQuKxajY%2BNDuPwEPvTIl7AB02%2FYv8cywc1wo%2F1xqu1mKmH3dVshg3FrObYME5OUOFXr4skIurI0kKqeh4xQWmJV9k%2FEJ33P%2FqnCpt0DXh7BASXWWGiYp5NHE%2FofeNpVexodT6hNytwks2hTEm4NdGRaZHZBoPqebnV3RFkT4DFWSLB79odI8hyjsYH4IPfVvLVhhZCSRs%2Fu8zq5o%2Ft7MjgqpeT92GUjVeI9l4loTD2M5yA%2B4DO3HOYf25TcFWFX5zWxAZN8BJAfmHvxve0ncTPoQ2DszRoVvkmaQomOdgpTy9PzZSc75QwjX7jjGKnHUAEMDLw0jhRDCsfp7IjzklxVkvJNqHThQA7pyxIiunQZQHfWM1VWelQTak7DHiU6fCTWE3sLhzRFgzPkivqFgqQu%2Fq9pnutcAqI8ekXGi0grJ%2BPXZHeEqViJFywKPC4MZ%2BQ3pKi4WiD13wEFCYEm5BZZ28BWu4iDj%2BtdySxX6w%3D%3D) "图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240921/fb21d7b12c37c85635f3d05c9ac9dd29.png) import { ref } from 'vue' const baseUrl = '/' const tag = ref(1) const list = ref({content:[]}) // 模拟数据请求 setTimeout(() => { list.value = { content: Array.from({length: 10}, (_, idx) => ({ url: `url-path-` + idx })) } }, 3 * 1000) URL:{{ `${baseUrl}${item.url}` }}