解決layui 表單元素radio不顯示渲染的問(wèn)題
最近一直在使用layui，一個(gè)對(duì)程序員相對(duì)友好的前端框架，很多效果都進(jìn)行了初步的封裝。
在使用過(guò)程中遇到最多的問(wèn)題就是引用的問(wèn)題，各種模板無(wú)法使用，雖然都一一百度解決。
本次需要解決的問(wèn)題是 layui-form表單無(wú)法渲染效果。
我希望的效果是
但是程序運(yùn)行效果是
問(wèn)題分析：
因?yàn)檫@個(gè)表單，我是使用laytpl動(dòng)態(tài)插入的，因此表單中radio的效果并沒(méi)有渲染上，打開(kāi)調(diào)試模式可以看到
正常的radio渲染結(jié)果，應(yīng)該是包括一個(gè)i標(biāo)簽和一個(gè)span標(biāo)簽
而我們的渲染結(jié)果，只有一個(gè)input標(biāo)簽
所以導(dǎo)致這個(gè)位置沒(méi)有數(shù)據(jù)顯示。
解決：
由于該框架較新，大部分的內(nèi)容只能通過(guò)官網(wǎng)的論壇獲取，所以找了好久，最后在官方文檔中看到一句話
有些時(shí)候，你的有些表單元素可能是動(dòng)態(tài)插入的。這時(shí)Form模塊的自動(dòng)化渲染是會(huì)對(duì)其失效的。雖然我們沒(méi)有雙向綁定機(jī)制（因?yàn)槲覀兘薪?jīng)典模塊化框架，咩哈哈哈哈。。。），但沒(méi)事，你只需要執(zhí)行 form.render(type); 方法即可。
其中的type即表單的type類型，可選。默認(rèn)對(duì)全部類型的表單進(jìn)行一次更新?？删植克⑿碌膖ype如下表：
于是我在模板插入代碼的最后，加了一句
form.render(); //更新全部
好了，問(wèn)題解決?。。。?！
以上這篇解決layui 表單元素radio不顯示渲染的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
一些常用且實(shí)用的原生JavaScript函數(shù)
日常開(kāi)始中常用到的一些原生JavaScript函數(shù),比較實(shí)用, 今天特地整理一下,分享給大家,希望對(duì)大家有用,會(huì)常更新,同時(shí)也歡迎大家補(bǔ)充.2010-09-09
這篇文章主要介紹了微信小程序冒泡事件及其阻止方法,結(jié)合實(shí)例形式分析了事件分類、冒泡及相應(yīng)阻止操作方法,需要的朋友可以參考下2018-12-12
Javascript將圖片的絕對(duì)路徑轉(zhuǎn)換為base64編碼的方法
這篇文章主要介紹了Javascript將圖片的絕對(duì)路徑轉(zhuǎn)換為base64編碼的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
這篇文章主要介紹了JS判斷瀏覽器類型與操作系統(tǒng)的方法,結(jié)合實(shí)例形式分析了JS針對(duì)各種常見(jiàn)瀏覽器與操作系統(tǒng)進(jìn)行判斷的方法,需要的朋友可以參考下2020-04-04
js實(shí)現(xiàn)的簡(jiǎn)單radio背景顏色選擇器代碼
這篇文章主要介紹了js實(shí)現(xiàn)的簡(jiǎn)單radio背景顏色選擇器代碼,利用鼠標(biāo)事件及頁(yè)面元素動(dòng)態(tài)操作實(shí)現(xiàn)頁(yè)面背景顏色的改變功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
基于JavaScript實(shí)現(xiàn)百度搜索框效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)百度搜索框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
淺析JavaScriptSerializer類的序列化與反序列化
本篇文章主要介紹了JavaScriptSerializer類 對(duì)象序列化與反序列化的方法、屬性以及實(shí)例代碼，有需要的朋友可以參考一下2016-11-11
JavaScript如何通過(guò)userAgent判斷幾個(gè)常用瀏覽器詳解
userAgent 屬性是一個(gè)只讀的字符串,聲明了瀏覽器用于 HTTP 請(qǐng)求的用戶代理頭的值,這篇文章主要給大家介紹了關(guān)于JavaScript如何通過(guò)userAgent判斷幾個(gè)常用瀏覽器的相關(guān)資料,需要的朋友可以參考下2021-06-06
網(wǎng)站內(nèi)容禁止復(fù)制和粘貼、另存為的js代碼
這篇文章主要介紹了JS如何實(shí)現(xiàn)網(wǎng)站內(nèi)容如何實(shí)現(xiàn)禁止復(fù)制和粘貼、另存為,需要的朋友可以參考下2014-02-02
如何在js中動(dòng)態(tài)修改元素的class屬性
在JavaScript中動(dòng)態(tài)修改CSS樣式是一種常見(jiàn)的操作,它允許開(kāi)發(fā)者根據(jù)不同的條件或者用戶的交互來(lái)改變網(wǎng)頁(yè)的外觀,這篇文章主要介紹了如何在js中動(dòng)態(tài)修改元素的class屬性的相關(guān)資料,需要的朋友可以參考下2025-04-04