javascript - How does element ui's el-input monitor the enter key.

Question

There seems to be no enter event among the officially exposed events, and writing @keyup.enter directly on el-input failed to catch the event. I hope God can enlighten me~~

漂亮男人 · Answer

@keyup.enter.native

怪我咯 · Answer

@keyup.enter.native can be triggered

仅有的幸福 · Answer

element-ui api indicates that there is no onkeyup event, so it is recommended to change input if you must use this event

PHPz · Answer

I agree with @CoquettishPoppy’s point of view. I suggest you create a native input with a similar style.

为情所困 · Answer

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></code></pre>