# 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 | 保存按钮触发,签名结果更新 |