关于vue.js:element-plus-vue3中回车enter键-点击button

3次阅读

共计 634 个字符，预计需要花费 2 分钟才能阅读完成。

element plus 或者说 vue3 曾经废除了 .naive 的写法，在 vue3 中须要新写监听器

依据材料：https://blog.csdn.net/cqlcqlcui123/article/details/130141190，能够这样实现，只不过材料是 composition 格调的 API，如果想要用选项式 API（vue2 那种），能够有如下：

export default {
    methods: {enter_up(e){console.log('in enter up')
                if (e.keyCode == 13 || e.keyCode == 100) {console.log('success')
                }
            },
    },
    mounted(){window.addEventListener('keydown', this.enter_up)
    },
    unmounted(){window.removeEventListener('keydown', this.enter_up, false)
    }
}


<el-button type="primary" @keydown.enter="enter_up()">enter success</el-button>

vue3 的 API 格调：