layui動態新增的表單元素顯示異常

2021-09-28 19:00:55 字數 387 閱讀 9976

這種問題發生的原因:layui會對表單內的元素進行二次渲染,動態新增的**沒有經過再次渲染,所以顯示異常。

官方文件其實也有提及這個問題和解決方法

解決方法:動態新增元素後,使用form.render()手動觸發渲染,如下**所示:

layui.use(['form'], function () );

});

另外附上layui動態新增radio元素的方法:

function addthing(radiogroup, data) 

}

layui 表單元素的選中問題

layui對表單元素都作了美化,比如下拉列表,單選框,多選框.對表單美化後相應元素的操作,其實是在layui處理過後的div上操作,不能真的反映在原始我們編寫的表單的元素上.這也會出現乙個問題,如果想用js對表單做些預處理,怎麼做?操作原始的元素並不會展現在layui處理過的表單中的,那我們就對la...

element ui 動態新增的表單元素驗證

v for item,index in maintenanceform.doctypelist key index label i18n.locale zh cn item.doctypecname item.doctypeename required class d2 mb 0 class d2 ...

layui追加或動態修改表單元素不生效

在layui的post中請求後台,獲取資料,資料獲取後修改html頁面中內容。問題 資料成功獲取後,使用html 方法修改元素不生效 解決方法 在 post中最後加上 form.render 官方解釋 有些時候,你的有些表單元素可能是動態插入的。這時 form模組 的自動化渲染是會對其失效的。雖然我...