小编Níc*_*ira的帖子

Vuetify 输入自动完成错误

我试图用谷歌搜索它几次,但没有运气,基本上,当页面加载时,因为密码处于自动保存状态,v-text-field 不理解它并在标签前面呈现密码内容,是否存在任何解决方法或修复?这是一个ss:

在此处输入图片说明

登录组件:

  <template>
  <div>
    <v-card class="elevation-12">
      <v-toolbar color="primary" dark flat>
        <v-toolbar-title>Login</v-toolbar-title>
      </v-toolbar>
      <v-card-text>
        <v-form>
          <v-text-field
            label="E-mail"
            name="email"
            type="text"
            :rules="emailRules"
            :autofocus="'autofocus'"
          ></v-text-field>
          <v-text-field
            id="password"
            label="Senha"
            name="password"
            type="password"
          ></v-text-field>
        </v-form>
      </v-card-text>
      <v-card-actions>
        <v-spacer></v-spacer>
        <v-btn color="primary" block>Logar</v-btn>
      </v-card-actions>
    </v-card>
  </div>
</template>

<script>
  export default {
    name: "LoginForm",
    data: () => ({
      valid: true,
      email: '',
      password:'',
      emailRules: [
        v => !!v || 'Digite um e-mail',
        v => /.+@.+\..+/.test(v) || 'O e-mail precisa ser válido.',
      ]
    })
  }
</script>

<style lang="scss">
@import "LoginForm.scss"; …
Run Code Online (Sandbox Code Playgroud)

vue.js vuetify.js

9
推荐指数
1
解决办法
6253
查看次数

标签 统计

vue.js ×1

vuetify.js ×1