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

Question

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

John Doe 街 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';
});

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