element-ui <el-input> 注册keyup事件,即键盘enter.

<template>
   <!-- 需求:keyup事件一般用在input中,在input框中输入内容,用户点击键盘的enter,执行搜索 -->
    <div class="demo">
        <el-input placeholder="input框注册enter事件" v-model="demoEnter" @keyup.enter.native="openEnter"></el-input>
    </div>
</template>
<script>
    export default {
        name: 'demo',
        data() {
            return {
                demoEnter: '',
            }
        },
        created() {

        },
        methods: {
            //enter事件
           openEnter(){
            //里面写enter需要执行的事件或方法等,我的项目是调用搜索接口;
           }
        },
    };

</script>
<style scoped>

</style>

 

posted @ 2018-10-22 14:59  杏杏子  阅读(594)  评论(0编辑  收藏  举报