el-input change事件在IE浏览器上回车失效

115 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第11天,点击查看活动详情

问题:公司项目测试提出bug,因此浅记一下解决方法。elementUI框架中的input组件的change事件,在chrome浏览器回车的时候能触发但是在IE浏览器就不能触发,如下图

image.png

解决方法:只需添加 @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>

image.png