如何解决VuePress 自定义组件处理资产
我在 .vuepress/theme/global-components/Challenge.vue
中制作了一个自定义组件,大致呈现如下:
<template>
<section class="challenge">
<div class="files">
<router-link v-for="file in files" class="file" :key="file.name" :to="file.link">{{file.name}}</router-link>
</div>
</section>
</template>
<script>
export default {
props: ["files"]
}
</script>
<style>
</style>
并在 README.md
中如此使用:
<Challenge
:files="[{name: 'tasktracker',link: './files/tasktracker.png'}]"
/>
... content
运行 vuepress build
时,我们可以看到 router-link
的 to
属性没有改变以反映新生成的资产链接(例如 ./files/tasktracker.png
=> {{ 1}})。在 /assets/tasktracker.3456123.png
中通过此创建链接,有效:
README.md
有什么办法可以让它在Vue自定义组件中工作吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。