vue3 el-input回车事件不进

处理Vue3的el-input回车事件时，需要使用Vue3提供的新语法。首先，需要使用 ref 参考输入元素，然后在输入元素上使用 @keydown.enter 属性来监听回车事件并调用相应的方法。具体地，可以按照以下步骤实现：

1. 在模板中，将el-input的ref绑定到Vue实例上，例如：

<el-input ref="input" placeholder="请输入内容" v-model="content" @keydown.enter="onEnter"></el-input>

2. 在Vue实例中使用 ref 获取el-input元素的引用，例如：

setup() { 
    const inputRef = ref(null); 
    const content = ref(""); 
    const onEnter = () => { 
        console.log("Enter key pressed!"); 
    }; 
    onMounted(() => { 
        inputRef.value.focus(); 
    }); 
    return { inputRef, content, onEnter }; 
}

3. 在回车事件中使用 console.log() 等方法做出相应的处理， 例如：

const onEnter = () => { 
    console.log("Enter key pressed!"); 
    // 处理回车事件 
};

4. 最后，在el-input元素中绑定ref属性，并在onMounted()生命周期中调用inputRef.focus() 来聚焦输入框， 例如：

<el-input ref="input" placeholder="请输入内容" v-model="content" @keydown.enter="onEnter"></el-input>

export default {
    setup() { 
        const inputRef = ref(null); 
        const content = ref(""); 
        const onEnter = () => { 
            console.log("Enter key pressed!"); 
            // 处理回车事件 
        }; 
        onMounted(() => { 
            inputRef.value.focus(); 
        }); 
        return { inputRef, content, onEnter }; 
    }
};

通过以上方法，即可成功处理Vue3 el-input回车事件。