textarea 相关问题

1. 限制长度，超过长度无法输入： 设置属性maxlength = 500,(并不是删除末尾，点键盘也框内无内容增加）

 <textarea maxlength="500"></textarea>

2. 输入时对输入内容进行操作

<textarea @input="getTextAreaValue"></textarea>methods: {
  getTextAreaValue (e) {       console.log(e.target.value);   },}

3. 安卓手机弹出键盘，遮挡住输入框问题（思路：获取焦点加间距，失去焦点去掉间距）

<div class="survey" :class="{'scrollTop': keybordShow}">  <textarea @focus="scrollTop" @blur="scrollBtm"></textarea></div>data () {
    return {
        keybordShow: false
    }
},
methods: {
    scrollTop () {      this.keybordShow = true    },    scrollBtm () {      this.keybordShow = false    }}
.scrollTop{    padding-bottom: 270px;  }

4. placeholder 样式

<textarea cols="30" rows="10" placeholder="Please enter suggestions."></textarea>        &::-webkit-scrollbar{ // 滚动条不显示          width: 0;          background-color: transparent;        }        &::-webkit-input-placeholder{ // placeholder样式          color: rgba(132,151,164,.4);          font-size: 15px;        }