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

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

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

我希望的效果是

但是程序運(yùn)行效果是

問題分析：

因?yàn)檫@個(gè)表單，我是使用laytpl動(dòng)態(tài)插入的，因此表單中radio的效果并沒有渲染上，打開調(diào)試模式可以看到

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

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

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

解決：

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

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

其中的type即表單的type類型，可選。默認(rèn)對(duì)全部類型的表單進(jìn)行一次更新。可局部刷新的type如下表：

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

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

好了，問題解決！！！！！

以上這篇解決layui 表單元素radio不顯示渲染的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。