javascript - Pourquoi les événements du clavier Vue devraient-ils être ajoutés en natif?

Question

<modèle>

<el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-position="left" label-width="0px"
         class="demo-ruleForm login-container" >
    <h3 class="title">系统登录</h3>
    <el-form-item prop="account">
        <el-input type="text" v-model="ruleForm2.account" auto-complete="off" placeholder="账号"></el-input>
    </el-form-item>
    <el-form-item prop="password">
        <el-input type="password" v-model="ruleForm2.password" auto-complete="off" placeholder="密码" @keyup.enter.native="handleSubmit2"></el-input>
    </el-form-item>

    <el-form-item style="width:100%;">
        <el-button type="primary" style="width:100%;"  @click.native.prevent="handleSubmit2" :loading="logining" >登录
        </el-button>
    </el-form-item>
</el-form>

</modèle>

@keyup.enter doit être ajouté ici pour prendre effet

.

Answer 1

Parce que votre @keyup.enter est écrit sur un composant encapsulé
Si vous l'écrivez sur une entrée, vous n'avez pas besoin de .native
Pour savoir pourquoi, veuillez vous référer à la documentation de vue

Answer 2

Méthodes utilisées pour lier des événements natifs aux composants

Answer 3

@ 这个东西实际上是 v-on 的简写，而 v-on est une interface API qui encapsule le système d'événements de Vue.

La documentation officielle de

Vue souligne que Vue utilise son propre mécanisme de diffusion d'événements. Les événements tels que @click sont encapsulés par Vue. Par conséquent, des identifiants supplémentaires ne sont nécessaires que dans certains cas où les événements DOM natifs sont réellement gérés.

Answer 4

Évier, évier...