最近一直在使用layui，一個對程序員相對友好的前端框架，很多效果都進行了初步的封裝。

在使用過程中遇到最多的問題就是引用的問題，各種模板無法使用，雖然都一一百度解決。

本次需要解決的問題是 layui-form表單無法渲染效果。

我希望的效果是

但是程序運行效果是

問題分析：

因為這個表單，我是使用laytpl動態(tài)插入的，因此表單中radio的效果并沒有渲染上，打開調(diào)試模式可以看到

正常的radio渲染結(jié)果，應(yīng)該是包括一個i標(biāo)簽和一個span標(biāo)簽

而我們的渲染結(jié)果，只有一個input標(biāo)簽

所以導(dǎo)致這個位置沒有數(shù)據(jù)顯示。

解決：

由于該框架較新，大部分的內(nèi)容只能通過官網(wǎng)的論壇獲取，所以找了好久，最后在官方文檔中看到一句話

有些時候，你的有些表單元素可能是動態(tài)插入的。這時Form模塊的自動化渲染是會對其失效的。雖然我們沒有雙向綁定機制（因為我們叫經(jīng)典模塊化框架，咩哈哈哈哈。。。），但沒事，你只需要執(zhí)行 form.render(type); 方法即可。

其中的type即表單的type類型，可選。默認(rèn)對全部類型的表單進行一次更新?？删植克⑿碌膖ype如下表：

于是我在模板插入代碼的最后，加了一句

form.render(); //更新全部

好了，問題解決?。。。。?/p>

以上這篇解決layui 表單元素radio不顯示渲染的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。