Code template-vue realiza la operación de actualización de la imagen del código de verificación

Inicie sesión en el código html en el componente de la aplicación

Aquí está el código de verificación de la imagen, encuentre el lugar del código de verificación de la imagen, configure src, controlado por js, configure el evento de clic, controlado por la función js

<img :src="checkCodeUrl" class="code-img" @click="changeCheckCode"/>

código js en el componente de referencia de inicio de sesión

Haga clic en la imagen para activar la ejecución de la función changeCheckCode

import ref from "vue"

// checkCodeUrl 是验证码图片 src
const checkCodeUrl = ref("api/checkCode" + "?" + new Date().getTime())

// 点击图片触发验证码 src 更改
const changeCheckCode = () => {
    
    
  checkCodeUrl.value = "api/checkCode" + "?" + new Date().getTime()
}

Por ejemplo, si desea cambiar la imagen del código de verificación cuando falla el inicio de sesión, la idea también es muy simple, es decir, si falla el inicio de sesión, puede llamar a la función changeCheckCode.