vant移动端开发图片验证码

需求：使用vue+vant框架开发，移动端页面开发出传统图片验证码！效果如下图所示。

主要代码如下：

<van-field
      v-model="formData.verifycode"
      center
      clearable
      label="验证码"
      placeholder="请输入验证码">

      <div slot="button" >
        <img :src="vImg"  @click="getVerifyCode"/>
      </div>
    </van-field>

在<van-field 标签中 使用slot ，嵌入了一个div