ELEMENTUI文字弹窗

您好！对于使用 ElementUI 实现文字弹窗，您可以按照以下步骤进行操作：

1. 首先，确保您已经引入了 ElementUI 组件库，并正确配置了相关的样式和组件。

2. 在需要使用文字弹窗的页面中，可以使用 ElMessageBox 组件来实现。您可以在需要触发文字弹窗的元素上添加点击事件，并在事件处理函数中调用 ElMessageBox 的相关方法。

3. 在事件处理函数中，可以使用 ElMessageBox 的 confirm 或者 alert 方法来显示文字弹窗。这两个方法都接受一个对象作为参数，用于配置弹窗的内容、按钮等。

下面是一个示例代码：

<template>
  <div>
    <button @click="showMessageBox">显示文字弹窗</button>
  </div>
</template>

<script>
export default {
  methods: {
    showMessageBox() {
      this.$confirm('这是一条提示信息', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      }).then(() => {
        // 用户点击了确定按钮的回调逻辑
        console.log('用户点击了确定按钮');
      }).catch(() => {
        // 用户点击了取消按钮的回调逻辑
        console.log('用户点击了取消按钮');
      });
    }
  }
}
</script>

在上述示例代码中，点击 "显示文字弹窗" 按钮时，将会弹出一个带有提示信息、确定和取消按钮的文字弹窗。用户点击确定按钮后，会执行相应的回调逻辑。

您可以根据自己的需求，调整弹窗的内容、样式和逻辑。希望对您有帮助！如果您有其他问题，请随时提问。