vue 移动端签名

2023-02-07 19:29:35

vue-signature

<template>
  <div class="home">
      <vueSignature
          ref="signature"
          :sigOption="option"
          :h="h"
          :w="w"
          :disabled="disabled"
          
      ></vueSignature>
  </div>
</template>

<script>
// @ is an alias to /src
import vueSignature from "vue-signature"
export default {
  name: 'Home',
  data(){
    return {
      disabled:false,
      h: "100%",
      w: "100%",
      option: {
          penColor: "rgb(0, 0, 0)",
          backgroundColor: "rgb(255,255,255)"
      },
    }
  },
  components: {
    vueSignature
  }
}
</script>
<style >
.home{
  height: 400px;
  width:100%;
  border:1px solid #eee
}
</style>

  • 作者:小墨宝
  • 原文链接:https://blog.csdn.net/qq_38935512/article/details/109222634
    更新时间:2023-02-07 19:29:35