Tengo que usar keypu.enter en un componente de entrada personalizado en Vue. Quiero que el componente <input /> pueda ejecutar una función alojada en el componente principal después de un evento de tecla enter durante la escritura
Este es el código del componente.
<input v-on:keyup.enter="$emit('keyup')"/>Y ahí está la página principal.
<template> <se-input @keyup="function()"/> </template> <script> import inputField from '../components/inputfield.vue' export default { name: 'inputField', components: { 'custom-input': inputField }, }, methods: { function () { // Function } } } </script>Intente pasar valor a su evento personalizado y en el componente principal escuche ese evento:
Vue.component('seInput', { template: ` <div class=""> <input v-on:keyup.enter="$emit('keyup', $event.target.value)"/> </div> ` }) new Vue({ el: '#demo', data() { return { inputValue: null } }, methods: { handleInput(val) { this.inputValue = val } } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <h3>{{ inputValue }}</h3> <se-input @keyup="handleInput"/> </div>