fom表单常用-快速创建自适应texarea

texarea有原生有elment封装好的,用ele可以最快速的做表单自适应比如满屏宽度或满盒款

下面两个对比的效果:

   <el-form
     style="margin-top:20px;"
      ref="form"
      :label-position="left"
      label-width="80px"
      size="medium"
    >
<el-row>
        <el-col :span="24">
          <el-form-item label="客户反馈">
              <el-input
                type="textarea"
                :autosize="{ minRows: 5, maxRows: 8 }"
                v-model="form.consultContent"
              ></el-input>
            <textarea
              name=""
              id=""
              cols="40"
              rows="6"
              placeholder="輸入内容"
              v-model="visitContent"
            ></textarea>
          </el-form-item>
        </el-col>
          </el-row>
</el-form>

可以看到,el的input type=texarea 不用再具体进行样式设置了,基本上设置一行

 :autosize="{ minRows: 5, maxRows: 8 }"即可自适应,比较快捷方便,本着拿来即用的简化原则可以备用
posted @ 2021-09-02 10:11  少哨兵  阅读(96)  评论(0编辑  收藏  举报