vue实现 图片验证码组件

vue实现 图片验证码组件

父组件

<template>
  <div>
            <div class="form-group" style="display: flex;">
                      <div>
                          <span>验证码：</span>
                          <input type="text" id="code" v-model="code" class="code"  placeholder="请输入您的验证码" />
                      </div>
                   <div class="login-code" @click="refreshCode">
                     <!--验证码组件-->
                     <s-identify :identifyCode="identifyCode"></s-identify>
                     </div>
         </div>
  
   </div>    
</template>
<script>
import SIdentify  from './userSet.vue'
export default{
  components: