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 @   少哨兵  阅读(104)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示