vue.js - vuejs 和 symfony5 - 链接到公共文档

Question

我有我的实体的参考文档，并在 vuejs 中呈现如下：

<span v-for="document in assignment.documents">
    <a target="_blank" href="">
        <small>{{ document.id }}.{{ document.extension }}</small>
    </a>
</span>

文档存储在 public/uploads/documents/中。

如何为我的文档生成有效的 href，就像我可以在 twig 中执行此操作一样：

<a target="_blank" href="{{ asset('/uploads/documents/' ~ document.id ~ '.' ~ document.extension) }}">
    {{ document.name }}
</a>

标签： vue.jssymfonytwigsymfony5

Answer 1

我更喜欢像这样使用 ES2015：

<a :href="`/uploads/documents/${document.id}.${document.extension}`">