avue+elementui中form中表單label調整

首先我用的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"
              }]
            },

 

 

 調整結果:

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章