uni图形验证码

先创建一个组件文件：

<template>

    <view class="canvas-img-code"><canvas :style="{ width: width + 'px', height: height + 'px' }" canvas-id="imgcanvas" @tap="refresh"></canvas></view>

</template>

<script>

export default {
   

    data() {
   

        return {
   

            width: 120,

            height: 30,

            strings:''，//子组件传给父组件的值

        };

    },

    mounted() {
   

        setTimeout(() => {
   

            this.init();

        }, 300);

    },

    methods: {
   

        init() {
   

            let context = uni.createCanvasContext('imgcanvas', this),

                w = this.width,

                h = this.height;

            context