svelte:head中<script>中的Svelte替换

问题描述

我正在使用svelte创建个人网站。我想在最终的HTML代码的开头放置一堆javascript代码,该代码基于一个苗条的组件。所以我有类似的东西

<svetle:head>
    <script> var url = "myurl.com/"; </script>
<svetle:head>

[slug].svelte文件中。我想替换传递给该组件的值作为脚本内的prop。我尝试做类似的事情

<svetle:head>
    <script> var url = "myurl.com/{post.slug}"; </script>
<svetle:head>

不幸的是,这不起作用。如果替换{post.slug}发生在<script>之外,则svelte会很好地执行替换,然后将结果html传递给客户端。但是,因为它位于<script>中,所以苗条似乎是在假设我必须从字面上看是"myurl.com/{post.slug}"而不是"myurl.com/my-post-name"。我认为这可能是因为{}在javascript中具有含义。

请注意,我已经尝试过"myurl.com/{post.slug}""myurl.com/"{post.slug}myurl.com/${post.slug}的每种组合。 {post.slug}<script>的任何放置都不能替代。

我该如何在执行.svelte组件中的所有其他替换操作的同时精简执行该替换操作?我无法想象没有办法做到这一点,但是精巧的文档似乎没有解决这个问题。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)