textarea 自适应宽度和高度

场景

• 经常与遇到处理文字域的问题, 需要继承父级的宽度

分析

• textarea的宽度不是img那种有单独的width height属性；它是需要单独设置样式的

解决

• 样式设置

    .textarea-inherit {
        width: 100%;
        overflow: auto;
        word-break: break-all; //解决兼容问题
    }

• html使用

        <div class="form-group div_bottom">
            <textarea v-model="body" :placeholder="placeholder" class="textarea-inherit" id="message_textarea" rows="3"></textarea>
            <button type="submit" class="btn btn-xs btn-primary pull-right" @click.prevent="responseMessage">发送</button>
        </div>