复选框已选中，但我不想选中它

Question

我有一个问题，我不知道为什么会这样，所以我想如果密码不正确，那么我的 v-model，我的 v-model，复选框保持未选中状态，但始终选中转向检查，它不像我想要的那样，我无法解释...... 这是我的代码：

<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 y a accès, veuillez inscrire le mot de passe", "");
      if(password === "administrations") { this.checked = true;}
      else { this.checked = false}
    }
  }
}
</script>

<style scoped>

</style>

谢谢大家

祝你有愉快的一天

Answer 1

请看一下片段：

（对复选框使用@change 并检查它是否为假）

new Vue({
  el: "#demo",
  data () {
    return {
      checked: false,
    }
  },
  methods : {
    noEntry() {
      let password;
      password = !this.checked ? 
        "" : 
        prompt("Seul le personnel de la librairie y a 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>

复选框已选中，但我不想选中它

Checkbox checked but I want it not checked

javascript

vue.js

vuejs2