View Shadcn UI

Appearance

介绍 ​


本文档主要用于描述 randomUUID 和 validateUUID 函数的一些功能和用法。

randomUUID ​

生成一个符合 UUID v4 标准的字符串

显示代码
vue
<template>
  <ShadcnText>UUID: {{ uuid }}</ShadcnText>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { randomUUID } from 'view-shadcn-ui'

const uuid = ref(randomUUID())
</script>

validateUUID ​

验证字符串是否符合 UUID v4 标准

显示代码
vue
<template>
  <ShadcnText>Verify UUID: {{ verifyUUIDResult }}</ShadcnText>

  <ShadcnButton @click="verifyUUID('4000051c-3ae9-40df-b49a-d2aefa499a60')">Verify UUID</ShadcnButton>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { validateUUID } from 'view-shadcn-ui'

const verifyUUIDResult = ref(false)
const verifyUUID = (value) => {
    verifyUUIDResult.value = validateUUID(value)
}
</script>