[英]I need a workaround for assigning Liquid variables with dashes to javascript variable names
[英]assigning liquid to javascript variable
var first = 'one',
second = 'two.png';
image = first + second;
console.log('js image: ' + image);
image = '{{ image | asset_url }}';
console.log('liquid image: ' + image);
在控制台中产生:
js image: onetwo.png
liquid image:
我无法获得从液体过滤器输出代码的代码。 我尝试使用{% raw %}
并查看了几个SO问题( Shopify:使用Javascript中{%schema%}中的 变量,Shopifyliquid中使用javascript变量, .js.liquid文件中使用asset_url )均无济于事。
我在这里做错了什么? 我期望得到:
liquid image: onetwo.png?123456789
甚至删除asset_url
:
image = '{{ image }}';
仍产生:
liquid image:
通过以下方式检索变量:
image = {{ 'image' | asset_url }};
//console log
js image: image.png
liquid image: image.png
与@Subhrajyoti Das聊天后,有一种很简单的方法。
用伪文本创建完整的字符串,其中实际文件名是:
assetString = '{{ 'filename' | asset_url }}'
这将产生:
cdn.shopify.com/s/files/0/0000/0000/0000/t/00/assets/filename?0000000000
然后使用字符串替换用资产变量替换“文件名”:
image = assetString.replace("filename", image);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.