Laravel Nova 在计算输出中添加断线

Question

所以目前我正在使用 Laravel nova 创建一个类似仪表板的工具，您可以在其中查看所有必要的信息，而无需单击详细信息页面。目前，我想显示的数据是送货地址。通过计算，您可以在一个字段上获得相乘值，现在我想添加一条断线，以便您拥有类似以下的内容

约翰·多伊 街 34 城市..

如何在不破坏 Nova 实现的所有安全性的情况下实现这一点..

计算函数

Text::make('Shipping address', function () {
    return 'firstname <br> lastname';
})

Answer 1

字段的计算内容在这里呈现：

<!-- nova/resources/js/components/PanelItem.vue:12 -->

<p v-if="field.value" class="text-90">{{ field.value }}</p>

如您所见，html 已转义。因此，您不能使用<br>。但是，您可以将其与 Textarea 字段一起使用。

Textarea::make('Shipping address', function () {
    return 'firstname <br> lastname';
});

但请注意，这将在显示实际内容之前显示可点击的显示内容（摘录）。