liveh5-nuxt/app/pages/keepalive/index.vue

<template>
  <div  class="h-[100vh] w-[100vw]">
    <SignaturePad v-model="signature" @change="handleSignatureChange"/>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import SignaturePad from '@/components/SignaturePad.vue'

const signature = ref('')

const handleSignatureChange = (imageData) => {
  // imageData 是 base64 格式的图片数据
  console.log('签名已更新:', imageData)
}
</script>