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