javascript - Mengapakah acara papan kekunci Vue perlu ditambah kepada asli?
女神的闺蜜爱上我
女神的闺蜜爱上我 2017-07-05 11:01:27
0
4
815

<template>

<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>

</template>

@keyup.enter mesti ditambah di sini untuk berkuat kuasa

女神的闺蜜爱上我
女神的闺蜜爱上我

membalas semua(4)
Peter_Zhu

Oleh kerana @keyup.enter anda ditulis pada komponen berkapsul
Jika anda menulisnya pada input, anda tidak memerlukan .native
Mengenai sebabnya, sila rujuk dokumentasi vue

三叔

Kaedah yang digunakan untuk mengikat peristiwa asli kepada komponen

阿神

@ 这个东西实际上是 v-on 的简写,而 v-on ialah antara muka API yang merangkumi sistem acara Vue.

Dokumentasi rasmi Vue menunjukkan bahawa Vue menggunakan mekanisme penghantaran acaranya sendiri seperti @click dirangkumkan oleh Vue. Oleh itu, pengecam tambahan hanya diperlukan dalam beberapa kes di mana peristiwa DOM asli sebenarnya dikendalikan.

Peter_Zhu

Tenggelam, tenggelam...

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!