问题描述
我正在使用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 (将#修改为@)