vue中用Canvas实现验证码功能

vue中用Canvas实现验证码功能（typescript）

Verification.vue

<template>
  <canvas
    id="canvas"
    @click="showNum"
  ></canvas>
</template>

<script lang="ts">
import Vue from "vue";
import {
    Component } from "vue-property-decorator";
@Component({
   })
export default class Product extends Vue {
   
  private num!: string[];
  private number!: string;
  data() {
   
    return {
   
      num: [],
      number: ""
    };
  }
  /**
   * @description:展示验证码
   */
  showNum() {
   
    this.draw(this.num);
    this.number = this.num.join().replace