message.vue 361 B

123456789101112131415161718
  1. <template>
  2. <div>
  3. <el-config-provider :message="config">
  4. <el-button @click="open">OPEN</el-button>
  5. </el-config-provider>
  6. </div>
  7. </template>
  8. <script lang="ts" setup>
  9. import { reactive } from 'vue'
  10. import { ElMessage } from 'element-plus'
  11. const config = reactive({
  12. max: 3,
  13. })
  14. const open = () => {
  15. ElMessage('This is a message.')
  16. }
  17. </script>