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

37次阅读

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

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

正文完
 0