Seolah-olah tiada acara masuk di antara acara yang didedahkan secara rasmi, dan kemudian menulis @keyup.enter terus pada el-input gagal menangkap acara itu saya harap Tuhan dapat menyedarkan saya~~
闭关修行中......
@keyup.enter.native
<el-input type="password" v-model="loginForm.password" placeholder="password" @keyup.enter.native="loginSubmit"></el-input>
@keyup.enter.native boleh dicetuskan
elemen-ui api menunjukkan bahawa tiada acara onkeyup, jadi disyorkan untuk menukar input jika anda mesti menggunakan acara ini
Saya bersetuju dengan pandangan @CoquettishPoppy, saya cadangkan anda membuat input asli dengan gaya yang serupa.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href="http://cdn.bootcss.com/element-ui/1.2.7/theme-default/index.css" rel="stylesheet" /> </head> <body> <p id="app"> <el-input v-model="input" v-enter @enter.native="log" placeholder="请输入内容"></el-input> </p> <script src="http://cdn.bootcss.com/vue/2.1.0/vue.min.js"></script> <script src="http://cdn.bootcss.com/element-ui/1.2.7/index.js"></script> <script> Vue.directive('enter', { bind: function (el, binding, vnode) { const input = el.getElementsByTagName('input')[0]; input.addEventListener('keypress', function (e) { var key = e.which || e.keyCode; if (key === 13) { // 13 is enter // code for enter el.dispatchEvent(new Event('enter')) } }) }, unbind: function (el, binding, vnode) { } }) new Vue({ el: '#app', data() { return { input: null } }, methods: { log() { console.log(this.input) } } }) </script> </body> </html>
@keyup.enter.native
<el-input type="password" v-model="loginForm.password" placeholder="password" @keyup.enter.native="loginSubmit"></el-input>
@keyup.enter.native boleh dicetuskan
elemen-ui api menunjukkan bahawa tiada acara onkeyup, jadi disyorkan untuk menukar input jika anda mesti menggunakan acara ini
Saya bersetuju dengan pandangan @CoquettishPoppy, saya cadangkan anda membuat input asli dengan gaya yang serupa.