前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue学习笔记之ElementUI 最大值最小值

Vue学习笔记之ElementUI 最大值最小值

作者头像
Jetpropelledsnake21
发布2023-03-07 08:29:20
1.3K0
发布2023-03-07 08:29:20
举报
文章被收录于专栏:JetpropelledSnake

速记:

使用ElementUI时候,需要填写最大值和最小值时候,在该col内套用一个row,然后再用3个col分割即可

代码语言:javascript
复制
<el-row :gutter="15">
  <el-col :span="8">
    <el-row >
      <el-col :span="11">
        <el-form-item label="预计可建筑面积">
          <el-input placeholder="最小值" v-model="searchParams.planBuildingAreaMin">
          </el-input>
        </el-form-item>
      </el-col>
      <el-col :span="1">
        <el-form-item label-width="0" style="display: flex;justify-content: space-between" >
          --
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label-width="0">
          <el-input placeholder="最大值" v-model="searchParams.planBuildingAreaMax">
          </el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-col>
</el-row>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-03-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档