basic.vue 481 B

12345678910111213141516171819202122
  1. <template>
  2. <el-button :plain="true" @click="open">Show message</el-button>
  3. <el-button :plain="true" @click="openVn">VNode</el-button>
  4. </template>
  5. <script lang="ts" setup>
  6. import { h } from 'vue'
  7. import { ElMessage } from 'element-plus'
  8. const open = () => {
  9. ElMessage('this is a message.')
  10. }
  11. const openVn = () => {
  12. ElMessage({
  13. message: h('p', null, [
  14. h('span', null, 'Message can be '),
  15. h('i', { style: 'color: teal' }, 'VNode'),
  16. ]),
  17. })
  18. }
  19. </script>