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

写法

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格调:

  • https://blog.csdn.net/m0_49271518/article/details/127464168
  • https://cn.vuejs.org/guide/extras/composition-api-faq.html#mo…

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理