Vue <textarea>文本域屏蔽回车键默认换行操作

 html部分中:给vue组件<el-input>绑定事件时候,要加上native 普通的html元素<div>就不需要加

html部分

<el-input class="text" type="textarea" placeholder="请输入您要咨询的问题......" v-model="inputText"
          :maxlength="100"
          @keydown.native="listen($event)">
</el-input>
<div class="send" :class="{ashy: isAshy}" @click="send()" v-bind:disabled="isAshy">发送</div>

js部分

listen (event) {
    if (event.keyCode === 13) {
        this.send() // 发送文本
        event.preventDefault() // 阻止浏览器默认换行操作
        return false
    }
}

 

posted @ 2018-04-19 15:39  衍一  阅读(11658)  评论(0编辑  收藏  举报