Vue 文本域屏蔽回車鍵默認換行操作</a></h3> </center> 本文轉載自 查看原文 2018-04-19 15:39 7065 Vue 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 } }

 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
    }
}