解決layui的radio屬性或別的屬性沒顯示出來的問題

更新時(shí)間：2019年09月26日 10:11:50 作者：1022yjm

今天小編就為大家分享一篇解決layui的radio屬性或別的屬性沒顯示出來的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

1、這是radio沒有顯示出來的情況

2、正常的應(yīng)該是這樣的

3、解決方法就是：使用form.render() 刷新界面

layui.use('form',function(){
  var form = layui.form;
  
   //刷新界面 所有元素

   form.render();

});

4、它還有另一種用法

form.render('radio')

這樣它就只刷新屬性radio,別的都不刷新

5、官網(wǎng)解釋：

更新渲染

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

第一個(gè)參數(shù)：type，為表單的 type 類型，可選。默認(rèn)對(duì)全部類型的表單進(jìn)行一次更新?？删植克⑿碌?type 如下表：

參數(shù)（type）值	描述
select	刷新select選擇框渲染
checkbox	刷新checkbox復(fù)選框（含開關(guān)）渲染
radio	刷新radio單選框框渲染

例子layui.code

form.render(); //更新全部
form.render('select'); //刷新select選擇框渲染

以上這篇解決layui的radio屬性或別的屬性沒顯示出來的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

直接拿來用的頁(yè)面跳轉(zhuǎn)進(jìn)度條JS實(shí)現(xiàn)
這篇文章主要為大家分享了一款直接拿來用的頁(yè)面跳轉(zhuǎn)進(jìn)度條，由javascript實(shí)現(xiàn)，可以直接跳轉(zhuǎn)到相應(yīng)頁(yè)面，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-01-01
基于JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名器
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-02-02
JavaScript如何處理移動(dòng)端拍攝圖片旋轉(zhuǎn)問題
這篇文章主要告訴大家JavaScript如何處理移動(dòng)端拍攝圖片旋轉(zhuǎn)問題，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-11-11
JavaScript學(xué)習(xí)筆記之DOM操作實(shí)例分析
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之DOM操作,結(jié)合實(shí)例形式分析了javascript針對(duì)dom元素的獲取、設(shè)置相關(guān)操作常用函數(shù)使用技巧,需要的朋友可以參考下
2019-01-01
Javascript獲取某個(gè)月的天數(shù)
本文給大家分享使用getDaysInOneMonth(year, month)方法獲取某個(gè)月的天數(shù)，方法超簡(jiǎn)單，感興趣的朋友一起看看吧
2018-05-05
微信小程序中遇到的iOS兼容性問題小結(jié)
這篇文章主要給大家介紹了關(guān)于微信小程序中遇到的一些iOS兼容性問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-11-11
js圖片延遲加載的實(shí)現(xiàn)方法及思路
這里延遲加載的意思是，拖動(dòng)滾動(dòng)條時(shí)，在圖片出現(xiàn)在瀏覽器顯示區(qū)域后才加載顯示。
2013-07-07
微信小程序與axios組成網(wǎng)絡(luò)層封裝過程詳解
小程序在網(wǎng)絡(luò)層提供的API是能夠完成一個(gè)程序與服務(wù)端交互的完整鏈路，但需要大量的定制化代碼，才能實(shí)現(xiàn)請(qǐng)求攔截和響應(yīng)攔截，不太符合大多數(shù)開發(fā)者的使用習(xí)慣，對(duì)于前端開發(fā)者來說，網(wǎng)絡(luò)層還得是axios
2023-02-02
Bootstrap作品展示站點(diǎn)實(shí)戰(zhàn)項(xiàng)目2
這篇文章主要為大家分享了Bootstrap作品展示站點(diǎn)實(shí)戰(zhàn)項(xiàng)目，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
JS實(shí)現(xiàn)點(diǎn)擊Radio動(dòng)態(tài)更新table數(shù)據(jù)
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊Radio動(dòng)態(tài)更新table數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下
2017-07-07