javascript - Vuetify 密码与 v-text-field 标签重叠

Question

我正在使用 Vuetify 和 Firebase 制作日志组件。我希望隐藏密码，但通过将类型“密码”添加到 v-text-field , 它添加了 4 点重叠密码字段的标签和重叠电子邮件字段的单词“admin”:



当我点击任何字段时，我可以在 $data pre 中看到“admin”被分配给密码和电子邮件。我尝试将“占位符”和“值”属性设置为空字符串，但不起作用。在 vuetify 文档中，我看不到任何将“管理员”分配给 v-text-field 的 Prop 。
我该如何解决这个问题？
这是我的组件代码:

<template>
  <v-form>
    <v-container>
      <v-text-field 
        label="E-mail"
        v-model="email"
        >
      </v-text-field>
      <v-text-field
        label="Pasword"
        v-model="password"
        type="password"
        placeholder=""
        >
      </v-text-field>
      <v-btn 
        color="blue" 
        @click="login()"
      >Submit
      </v-btn>
    </v-container>
    <pre>
    {{ $data}}
  </pre>
  </v-form>
</template>

<script>
  import firebase from 'firebase'
  export default {
    data() {
      return {
        email: '',
        password: ''
      }
    },
    methods: {
      login(){
        firebase.auth().signInWithEmailAndPassword(this.email, this.password)
          .then(user => console.log('User conected'), error => console.log(error))
      }
    }
  }
</script>

Answer 1

我认为这与您的代码没有任何关系，您使用的是 Chrome，对吗？谷歌做了一些很难控制的奇怪的事情，这是因为你保存了用户名和密码，而 vuetify 使用标签作为占位符，谷歌保存的表单样式与你的“崩溃”，这发生在我身上已保存表单下拉列表的颜色，现在(仅在 1 台计算机中)用户名和密码的字体大小在 v-text-field 中变小，直到您单击它