Laravel Blade多行if条件如何改写为带HTML标签的单行语句

问题出在Blade的自动转义机制上：默认的{{ }}语法会把HTML标签转义成纯文本，导致你写的<span>标签无法被浏览器渲染。要解决这个问题，你需要用**非转义输出语法{!! !!}**包裹你的三元表达式。

1. 双条件场景写法 #

如果只有两种状态判断，直接用三元表达式配合{!! !!}：

{!! $user->status == 'active' ? '<span class="text-green-500">活跃</span>' : '<span class="text-gray-500">禁用</span>' !!}

2. 多条件嵌套三元写法 #

如果有三种及以上状态，可以嵌套三元表达式（注意括号层级）：

{!! $user->status == 'active' 
    ? '<span class="text-green-500">活跃</span>' 
    : ($user->status == 'inactive' 
        ? '<span class="text-gray-500">禁用</span>' 
        : '<span class="text-yellow-500">待审核</span>') 
!!}

3. 可读性更好的替代方案（推荐） #

如果嵌套三元看起来太乱，不如用Blade原生的@switch指令，逻辑更清晰：

@switch($user->status)
    @case('active')
        <span class="text-green-500">活跃</span>
        @break
    @case('inactive')
        <span class="text-gray-500">禁用</span>
        @break
    @default
        <span class="text-yellow-500">待审核</span>
@endswitch

核心原理 #

Blade的{{ }}会自动对输出内容做HTML转义，避免XSS攻击；而{!! !!}会跳过转义步骤，直接将内容作为原始HTML渲染到页面上，这就是你之前写法失效的关键原因。

内容的提问来源于stack exchange，提问作者Muhammad Trian Syahputra