為什麼layui進度條無法渲染出來

王林
發布: 2021-03-10 11:07:52
轉載
3492 人瀏覽過

為什麼layui進度條無法渲染出來

前言:

layui進度條渲染分為兩種情況,分別是:靜態渲染和動態渲染。

登入後複製

單獨上面一段程式碼,進度條值是無法顯示的。

(1)靜態渲染

進度條依賴element元件,如果未引入,進度條將無法顯示。

layui.use('element', function () { var element = layui.element; });
登入後複製

此時進度條顯示結果如下:

為什麼layui進度條無法渲染出來

(學習影片分享:html影片教學

(2)動態渲染

需要動態改變進度條的進度值時,layui官網上說,element模組提供了element.progress()的基礎方法。

先設定進度條過濾器(lay-filter="demo"),然後就只需要在某個事件或語句中執行該方法,即可實現動態改變精確度條值。但對於精確度條中顯示的百分比文字,使用者需要自行進行變更。

element.progress('demo', '80%');
登入後複製

此時進度條值改變:

為什麼layui進度條無法渲染出來

相關推薦:layui教學

以上是為什麼layui進度條無法渲染出來的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!