如何在 UniApp 中正确地设置多行 toast 提示？

在 UniApp 中，设置多行 toast 提示通常需要利用官方提供的 API，比如 `uni.showToast` 或者 `uview-toast` 等组件。以下是使用 `uni.showToast` 的示例，其中通过 `content` 属性插入多行文本：

uni.showToast({
  message: '第一行提示 <br> 第二行提示', // 使用 <br> 标签表示换行
  duration: Toast.LENGTH_SHORT, // 设置显示时间，默认为 1500ms
  position: 'bottom-center' // 可选位置，如 top-center, bottom-center 等
});

如果你使用的是 `uview-ui` 的 toast 组件，那么可以这么设置：

<u-toast :message="multiLineMessage" :duration="2000"></u-toast>
<script>
export default {
  data() {
    return {
      multiLineMessage: '第一行提示<br>第二行提示'
    };
  }
};
</script>

记住，`<br>` 标签在 HTML 中用于换行，JavaScript 中不需要转义。

相关问题

前端提示信息，使用alert好，还是toast好？

这取决于你想要的用户体验和场景。

如果你只需要简单的提示信息，alert 可能是最简单的选择。它会弹出一个对话框，阻止用户继续操作，直到他们关闭对话框。

但是，如果你想提供更好的用户体验，那么 toast 是一个更好的选择。Toast 是一种类似于弹出式通知的消息，通常出现在屏幕的底部或顶部，不会阻止用户进行操作，同时也不会打断他们的工作流程。

总之，如果你只需要简单的提示信息，使用 alert 是可以的。但是，如果你想要更好的用户体验，那么可以考虑使用 toast。

设置Toast在界面中显示的位置

可以使用`setGravity()`方法来设置Toast在界面中的显示位置。该方法可以接收三个参数：Gravity，X轴偏移量和Y轴偏移量。

以下是一个示例代码，将Toast显示在屏幕底部中心：

Toast toast = Toast.makeText(getApplicationContext(), "Hello World!", Toast.LENGTH_SHORT);
toast.setGravity(Gravity.CENTER_HORIZONTAL | Gravity.BOTTOM, 0, 0);
toast.show();

其中`Gravity.CENTER_HORIZONTAL | Gravity.BOTTOM`表示在水平居中和垂直底部的位置显示Toast，`0, 0`表示X轴和Y轴的偏移量都为0。