vue-esign实现电子签名

最新推荐文章于 2024-08-08 08:28:03 发布

dlhto

最新推荐文章于 2024-08-08 08:28:03 发布

阅读量1k

点赞数 21

分类专栏： vue 前端文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_50330658/article/details/139352018

版权

导入依赖

pnpm install vue-esign --save

sign.vue代码实现

<template>
  <div id="app">
    <div class="signMask" v-if="autographStatus">
      <div class="sigh-btns">
        <button class="btn" type="info" @click="handleCancel">取消</button>
        <button class="btn" type="danger" @click="handleReset">清空画板</button>
        <button class="btn" type="primary" @click="handleGenerate">
          确认签名
        </button>
      </div>
      <div class