持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第11天,点击查看活动详情
问题:公司项目测试提出bug,因此浅记一下解决方法。elementUI框架中的input组件的change事件,在chrome浏览器回车的时候能触发但是在IE浏览器就不能触发,如下图
解决方法:只需添加 @keyup.enter.native
,将原生事件绑定到组件上
<template>
<el-input v-model="name" @change="changeName" @keyup.enter.native="keyupEnter"></el-input>
</template>
<script>
export default {
data() {
return {
name:''
};
},
methods: {
changeName(val){
console.log('回车或失焦触发');
},
keyupEnter(){
console.log('回车');
}
}
}
</script>