用vue2和element-ui写一个刚进到这个页面就跳出来一个对话框，上面显示验证成功

可以使用以下代码实现：

在Vue组件中引入Element UI的Dialog组件和Form组件，然后在mounted钩子函数中打开Dialog，同时在Dialog中放置一个Form，用于验证用户输入的内容。

<template>
  <div>
    <el-dialog :visible.sync="dialogVisible">
      <el-form ref="form" :model="form" :rules="rules">
        <el-form-item label="验证">
          <el-input v-model="form.input" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer">
        <el-button @click="dialogVisible = false">取消</el-button>
        <el-button type="primary" @click="submitForm('form')">确定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { Dialog, Form, FormItem, Input, Button } from 'element-ui';

export default {
  components: {
    [Dialog.name]: Dialog,
    [Form.name]: Form,
    [FormItem.name]: FormItem,
    [Input.name]: Input,
    [Button.name]: Button,
  },
  data() {
    return {
      dialogVisible: true,
      form: {
        input: '',
      },
      rules: {
        input: [
          { required: true, message: '请输入验证内容', trigger: 'blur' },
          { validator: this.validateInput, trigger: 'blur' },
        ],
      },
    };
  },
  methods: {
    validateInput(rule, value, callback) {
      if (value === '验证成功') {
        callback();
      } else {
        callback(new Error('验证失败'));
      }
    },
    submitForm(formName) {
      this.$refs[formName].validate(valid => {
        if (valid) {
          this.dialogVisible = false;
          this.$message.success('验证成功');
        } else {
          this.$message.error('验证失败');
        }
      });
    },
  },
  mounted() {
    this.dialogVisible = true;
  },
};
</script>

这段代码使用了Element UI的Dialog组件和Form组件，其中Form组件中包含一个Input组件，用于用户输入验证内容。在rules中定义了验证规则，当用户输入的内容为“验证成功”时，验证通过；否则验证失败。在submitForm方法中，使用this.$refs[formName].validate方法进行表单验证，验证通过后关闭Dialog并提示用户验证成功。