Blade模板渲染可选参数的正确方法及语法问题咨询

我之前也碰到过这个糟心的问题！你提到的这种内联@if写法确实会让代码变得乱糟糟的，尤其是当标签堆了一堆属性时，为了让代码生效被迫把@endif换行，完全破坏了代码的整洁度。

先拆解下问题：当你写

<div class="constant @if($some_condition)optional@endif" data-id="1" tabindex="2">

Blade编译后会生成：

<div class="constant <?php if($some_condition): ?>optional<?php endif; ?>" data-id="1" tabindex="2">

虽然这段PHP本身能运行，但会带来两个问题：一是条件不满足时，class属性里会留下多余的空格；二是多属性场景下代码可读性极差。

给你几个更优雅的解决方案：

1. 三元运算符（兼容所有Laravel版本） #

这是最直接的替代方案，一行就能搞定，还能避免多余空格的问题：

<div class="constant{{ $some_condition ? ' optional' : '' }}" data-id="1" tabindex="2">

注意在optional前加空格，条件满足时类名分隔正确，不满足时也不会留下冗余空格。

2. Blade @class指令（Laravel 8.0+官方推荐） #

Laravel 8之后官方推出了专门处理条件类的指令，完美适配这种场景！它会自动处理空格，代码逻辑也更清晰：

<div @class([
    'constant',
    'optional' => $some_condition
]) data-id="1" tabindex="2">

想写在一行也完全没问题：

<div @class(['constant', 'optional' => $some_condition]) data-id="1" tabindex="2">

这个指令还支持同时设置多个条件类，灵活性拉满。

3. 字符串拼接（老版本备选） #

如果还在使用Laravel 8之前的版本，可以用字符串拼接的方式：

<div class="{!! 'constant' . ($some_condition ? ' optional' : '') !!}" data-id="1" tabindex="2">

这里用{!! !!}而非{{ }}是因为类名无需转义（若涉及用户输入则需谨慎处理）。

这样不管标签有多少属性，代码都能保持整洁，再也不用为了@endif换行而头疼啦！

内容的提问来源于stack exchange，提问作者Pavlo Zhukov