vue-signature-pad 使用方法

Vue-signature-pad是一个轻量级的JavaScript库，用于在Vue.js应用中添加手写签名功能。以下是使用它的基本步骤：

1. **安装**:
首先，在你的项目中安装`vue-signature-pad`。如果你使用npm，可以在命令行中运行：

   npm install vue-signature-pad --save

2. **引入并注册组件**:
在你的Vue文件中，导入SignaturePad组件，并将其作为组件注册：

   <template>
     <div>
       <signature-pad v-model="signature" @remove="handleRemove" />
     </div>
   </template>

   <script>
   import SignaturePad from 'vue-signature-pad';

   export default {
     components: { SignaturePad },
     data() {
       return {
         signature: '',
       };
     },
     methods: {
       handleRemove() {
         // 处理清除签名的操作
       },
     },
   };
   </script>

3. **设置数据绑定**:
`v-model`指令将签名 pad 的内容同步到Vue实例的数据属性`signature`上。当用户在pad上签名时，这个属性会更新。

4. **事件处理**:
`@remove`事件监听器可以捕获用户清除签名的行为，你可以自定义在这个方法里执行的动作。

5. **样式定制**:
你可以调整签名pad的样式，例如大小、背景等，通过传入CSS类名或直接修改样式属性。