vue+element-ui怎么实现打开页面就能自动弹出一个弹框，(里面包含一些文本信息)这种功能

Question

vue+element-ui怎么实现打开页面就能自动弹出一个弹框，(里面包含一些文本信息)这种功能？

弹框样式如下图

Answer 1

我这里给你一个示例代码，你只需要把我这里p标签的内容替换成你要的内容就行了

<template>
    <!-- 定义弹框组件 -->
  <el-dialog title="提示" :visible.sync="dialogVisible">
    <p>这里是弹框内容</p>
  </el-dialog>
</template>

<script>
// 在data中定义弹框可见性数据,默认为true
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  // 在页面加载时将该数据设置为true,就会自动弹出弹框
  mounted() {
    this.dialogVisible = true
  } 
}
</script>