当前位置: 首页> 游戏> 攻略 > 济南设计网站的公司_公众号编辑器哪个好_网络营销的特点有几个_最新疫情19个城市封城

济南设计网站的公司_公众号编辑器哪个好_网络营销的特点有几个_最新疫情19个城市封城

时间:2025/7/11 15:51:48来源:https://blog.csdn.net/ss_Tina/article/details/144061966 浏览次数:0次
济南设计网站的公司_公众号编辑器哪个好_网络营销的特点有几个_最新疫情19个城市封城

el-row el-col显示失效

问题:

在列表显示页面,头部有几个搜索框和选择框,由于搜索条件框太多,写了el-row 和el-col进行分行分列展示。测试发现并没有按照行列展示。

    <el-form :inline="true" :model="paramForm" class="filter-form-inline filter-form" @keyup.enter.native="getDataList()"><el-row><el-col :span="8"><el-form-item label="省代码"><el-input v-model="paramForm.provinceCode" placeholder="省代码" clearable></el-input></el-form-item>
</el-col><el-col :span="8"><el-form-item label="市代码"><el-input v-model="paramForm.cityCode" placeholder="市代码" clearable></el-input></el-form-item>
</el-col><el-col :span="8"><el-form-item label="区县代码"><el-input v-model="paramForm.countyCode" placeholder="区县代码" clearable></el-input></el-form-item></el-col></el-row>
<!-- 示例复制 --><el-row><el-col :span="8"><el-form-item label="省代码"><el-input v-model="paramForm.provinceCode" placeholder="省代码" clearable></el-input></el-form-item>
</el-col><el-col :span="8"><el-form-item label="市代码"><el-input v-model="paramForm.cityCode" placeholder="市代码" clearable></el-input></el-form-item>
</el-col><el-col :span="8"><el-form-item label="区县代码"><el-input v-model="paramForm.countyCode" placeholder="区县代码" clearable></el-input></el-form-item></el-col></el-row>
<!-- 示例复制 --><el-row><el-col :span="8"><el-form-item label="省代码"><el-input v-model="paramForm.provinceCode" placeholder="省代码" clearable></el-input></el-form-item>
</el-col><el-col :span="8"><el-form-item label="市代码"><el-input v-model="paramForm.cityCode" placeholder="市代码" clearable></el-input></el-form-item>
</el-col><el-col :span="8"><el-form-item label="区县代码"><el-input v-model="paramForm.countyCode" placeholder="区县代码" clearable></el-input></el-form-item></el-col></el-row></el-form>

解决:

将el-row的部分用<div>包起来就可以了。

关键字:济南设计网站的公司_公众号编辑器哪个好_网络营销的特点有几个_最新疫情19个城市封城

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: