Tengo un problema en el que no sé por qué tengo eso, así que quiero que si la contraseña no es correcta con mi alerta rápida, así que con mi v-model , la casilla de verificación permanece sin marcar, pero siempre se vuelve marcada, no lo hace. No hago lo que quiero y no puedo explicar eso... Aquí está mi código:
<template> <form action="#/login" > <input type="email" placeholder="Insérez votre adresse-mail pour créer votre compte"/> <input type="password" placeholder="Mettez y votre mot de passe"> <label for="admin"> Droits administrateurs </label> <input type="checkbox" id="admin" v-model="checked" @click="noEntry"> </form> </template> <script> module.exports = { name: "Signup", data () { return { checked: false, } }, methods : { noEntry() {let password; password = this.checked ? "" : prompt("Seul le personnel de la librairie ya accès, veuillez inscrire le mot de passe", ""); if(password === "administrations") { this.checked = true;} else { this.checked = false} } } } </script> <style scoped> </style>gracias a todos
Que tengas un lindo día
Por favor, eche un vistazo al fragmento:
(use @cambio para la casilla de verificación y verifique si no es falso)
new Vue({ el: "#demo", data () { return { checked: false, } }, methods : { noEntry() { let password; password = !this.checked ? "" : prompt("Seul le personnel de la librairie ya accès, veuillez inscrire le mot de passe", ""); password === "administrations" ? this.checked = true : this.checked = false console.log(this.checked) } } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <form action="#/login" > <input type="email" placeholder="Insérez votre adresse-mail pour créer votre compte"/> <input type="password" placeholder="Mettez y votre mot de passe"> <label for="admin"> Droits administrateurs </label> <input type="checkbox" id="admin" v-model="checked" @change="noEntry"> </form> </div>