# yuSign 手写电子签名组件

手写签名,签名结果为图片base64格式,对yuSignCanvas的二次封装

# 效果预览

<template>
  <yu-sign :before-valid="sighBforeValid" v-model="imageUrl" @input="saveSign"></yu-sign>
</template>

<script>
import yuSign from '@/components/yu-sign/index.vue'
export default {
  components: {
    yuSign
  },
  data() {
    return {
      imageUrl: ''
    };
  },
  
  methods: {
    // 签名前校验
    sighBforeValid() {
      // 判断是否进行协议阅读同意等
      return true;
    },
    saveSign(img) {
      console.log(img, 'img')
    }
  }
};
</script>

# Attributes

参数 说明 类型 可选值 默认值
v-model 双向绑定值(签名结果图片) base64字符串 - -
title 标题 String - -
beforeValid 打开签名弹窗前的验证方法 Function - -

# 方法

方法名 说明 参数
@input 保存按钮触发,签名结果更新
Last Updated: 5/15/2024, 4:47:26 PM