Laravel编写带默认值的Tailwind条件类出现语法错误如何解决？

问题原因 #

PHP的双引号字符串插值语法{$变量}仅支持简单的变量、属性或方法调用表达式，不支持在花括号内使用??这类复合运算逻辑，因此你把{$color ?? 'blue'}放在双引号字符串中会触发语法解析错误。

解决方法 #

下面给出三种可行的实现方案：

1. 提前计算基础变量（可读性最高，推荐）
   在Blade模板顶部先预处理需要用到的变量，避免在class属性内嵌套复杂逻辑：

@php
// 优先取传入的颜色，无传入则默认蓝色
$baseColor = $color ?? 'blue';
// 存在背景图用100色阶，否则用600色阶
$shade = isset($bg) ? '100' : '600';
@endphp

<div class="text-{{ $baseColor }}-{{ $shade }}"></div>

2. 改为字符串拼接写法
   将原来的双引号字符串插值替换为.连接符拼接，把$color ?? 'blue'作为独立表达式运算：

<div class="{{ isset($bg) ? 'text-' . ($color ?? 'blue') . '-100' : 'text-' . ($color ?? 'blue') . '-600' }}"></div>

3. 使用Laravel Blade的@class指令
   逻辑拆分更清晰，适合后续需要扩展更多类名的场景：

<div @class([
    'text-' . ($color ?? 'blue') . '-100' => isset($bg),
    'text-' . ($color ?? 'blue') . '-600' => !isset($bg),
])></div>

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