首页 > 技术文章 > 阻止多行文本框textarea的enter键换行行为

qlongbg 2020-05-15 16:54 原文

    <el-input type="textarea" v-model="articleContent" @keydown.enter.native="textareaKeydown"
       placeholder="请输入要展示给客户的文字内容,左侧可预览效果" maxlength="50" show-word-limit>
    </el-input>

    // 阻止多行文本框换行
    textareaKeydown() {
      let e = window.event || arguments[0];
      // console.log(e,e.keyCode)
      if (e.key == 'Enter' || e.code == 'Enter' || e.keyCode == 13) {
        e.returnValue = false;
        return false;
      }
    },

 

推荐阅读