码迷,mamicode.com
首页 > 其他好文 > 详细

avue+elementui中form中表单label调整

时间:2020-06-17 11:05:42      阅读:294      评论:0      收藏:0      [点我收藏+]

标签:mic   创建   require   内容   需求   ima   required   style   user   

首先我用的bladex,前端采用elementui+avue来做的

需求:label内容过长,我要调整label宽度不至于让他换行

技术图片

 

首先看了elementui的文档

 技术图片

 

发现没有效果,然后看了avue文档,

技术图片

 

设置之后生效,但是始终不在一行,我在option属性中设置了:labelWidth:"120px;",

无论怎么调整。后面改成 labelWidth:"25%",ok了

 技术图片

 

另外,如果 调整column中的span,也是不行的

column: [
            {
              label: "创建人姓名",
              prop: "createUserName",
              span:10,
              rules: [{
                required: true,
                message: "请输入创建人姓名",
                trigger: "blur"
              }]
            },

 

 

 调整结果:

技术图片

 

avue+elementui中form中表单label调整

标签:mic   创建   require   内容   需求   ima   required   style   user   

原文地址:https://www.cnblogs.com/longsanshi/p/13150811.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!