Liquid:在assign定义变量时使用allow_false

前言:在 Liquid 模板语言中,allow_false 是一个特定的选项,用于控制变量赋值时是否允许 false 值被视为有效值。虽然 Liquid 的官方文档并没有详细列出 allow_false 的说明,但它通常是在一些主题或框架(如 Shopify 的 Liquid)中使用的扩展特

一、问题发现:

  • product-card.liquid中参数定义
ini 复制代码
{%- assign show_rating = show_rating | default: settings.show_product_rating, allow_false: true -%}
{%- assign show_vendor = show_vendor | default: settings.show_vendor, allow_false: true -%}
{%- assign show_quick_buy = show_quick_buy | default: settings.show_quick_buy, allow_false: true -%}
{%- assign show_secondary_image = show_secondary_image | default: settings.show_secondary_image, allow_false: true -%}
{%- assign text_alignment = text_alignment | default: settings.product_info_alignment -%}


{%- assign show_parameters = show_parameters | default: true -%} /* 初始写法 */
{%- assign show_parameters = show_parameters | default: true, allow_false: true -%} /* 正确写法,此时代码可以识别并且使用传递过来的false参数 */
......
......
  • 其他位置调用product-card.liquid
yaml 复制代码
  {%- render 'product-card', 
    product: mega_menu_block.settings.product, 
    background: mega_menu_block.settings.product_card_background, 
    text_color: mega_menu_block.settings.product_card_text_color, 
    show_vendor: false, 
    show_rating: false, 
    show_badges: false, 
    show_swatches: false,
    show_secondary_image: false, 
    show_parameters: false,
    text_alignment: 'center'
  -%}

在调用中发现,我传递的show_parameters为false的参数不生效,这时我的代码是 {%- assign show_parameters = show_parameters | default: true -%},经过与主题写法的对比,发现差异在allow_false,经过查阅:

  • allow_false: true : 允许 show_rating 变量的值为 false,并且保留这个值,而不是用默认值替换。这对于需要明确控制显示状态的布尔值非常有用。

  • allow_false : 在 show_parameters 的情况下,如果没有 allow_false,则 false 会被视为有效值,因此如果 show_parameters 被设置为 false,它不会被替换为 true,但也没有明确的控制。

总结:实际影响

  • 如果你希望某个变量可以明确地设置为 false 并且不被替换为默认值 ,那么使用 allow_false: true 是合适的。
  • 如果你希望变量默认为 true,并且不需要处理 false 的情况,简单的赋值语句就足够了。

通过这两种写法,你可以根据需要灵活地控制变量的默认行为及其布尔值的处理。

相关推荐
杰克尼6 分钟前
vue_day04
前端·javascript·vue.js
明远湖之鱼38 分钟前
浅入理解跨端渲染:从零实现 React DSL 跨端渲染机制
前端·react native·react.js
悟忧1 小时前
规避ProseMirror React渲染差异带来的BUG
前端
小皮虾1 小时前
小程序云开发有类似 uniCloud 云对象的方案吗?有的兄弟,有的!
前端·javascript·小程序·云开发
Android疑难杂症1 小时前
鸿蒙Notification Kit通知服务开发快速指南
android·前端·harmonyos
T___T1 小时前
全方位解释 JavaScript 执行机制(从底层到实战)
前端·面试
阳懿1 小时前
meta-llama-3-8B下载失败解决。
前端·javascript·html
Qinana1 小时前
🌊 深入理解 CSS:从选择器到层叠的艺术
前端·css·程序员
IT_陈寒1 小时前
Python 3.12新特性实测:10个让你的代码提速30%的隐藏技巧 🚀
前端·人工智能·后端
闲人编程2 小时前
从零开发一个简单的Web爬虫(使用Requests和BeautifulSoup)
前端·爬虫·beautifulsoup·bs4·web·request·codecapsule