如何解决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 举报,一经查实,本站将立刻删除。