可以使用这个插件进行操作
手写板-签名签字-lime-signature - DCloud 插件市场
但是目前这个插件没有vue3 setup Composition API的写法。所以对于此文档提供的可以直接使用,需要使用Composition API方式实现的,可以继续看。
因为Composition API方式,更加的简单、灵活,在今后的编程之中要多用、多学,这样才能写出更加健壮的代码。
1.首先建立一个可以运行的小程序
2.把index.vue的代码直接替换一下
<template>
<view style="width: 750rpx; height: 750rpx;">
<l-signature disableScroll ref="signatureRef" :penColor="penColor" :penSize="penSize"
:openSmooth="openSmooth"></l-signature>
</view>
<view>
<button @click="onClick('clear')">清空</button>
<button