使用el-input
插件后直接使用keyup
等 是不生效的,需要在@keyup
等事件后加上native
,即@keyup.enter.native='(方法)'
。
@keydown
、@keypress
都是类似的。
<template>
<div>
<el-input @blur="click" @keyup.enter.native="click" v-model="input" placeholder="请输入内容"></el-input>
<input @keyup.enter="click" v-model="input" placeholder="请输入内容">
</div>
</template>
<script>
export default {
name: '事件绑定与监听',
data () {
return {
input: ''
}
},
methods: {
click: function () {
debugger
this.$message({
message: '警告哦,这是一条警告',
type: 'warning'
})
}
}
}
</script>
<style scoped>
</style>
这样精彩的博客越来越少咯!