index.vue 796 B

12345678910111213141516171819202122232425262728293031323334
  1. <script setup lang="ts">
  2. import { onMounted, ref, VNodeRef } from 'vue'
  3. import { encrypt, decrypt } from '../../plugins/crypto'
  4. import { ElMessage } from 'element-plus'
  5. import cod from '../../components/cod/index.vue'
  6. const successcod = (success: string) => {
  7. ElMessage({
  8. message: `验证通过,加密验证为${success}`,
  9. type: 'success',
  10. })
  11. console.log(success)
  12. }
  13. </script>
  14. <template>
  15. <Suspense>
  16. <template #default>
  17. <el-space>
  18. <el-card class="box-card">
  19. <cod @success="successcod" />
  20. </el-card>
  21. </el-space>
  22. </template>
  23. <template #fallback>
  24. 验证码获取中
  25. </template>
  26. </Suspense>
  27. <el-empty description="没有内容哦" />
  28. <button @click="ElMessage('text')">tx</button>
  29. </template>
  30. <style scoped>
  31. </style>