layuiプログレスバーがレンダリングされないのはなぜですか


解決策は次のとおりです。

ヒント:静的レンダリングと動的レンダリングのプログレスバーの両方を考慮する必要があります。

(関連する推奨事項:layuiフレームワーク)

1

2

3
 



       
 



上記のコードだけでは、プログレスバーの値を表示できません。

(1)静的レンダリング

プログレスバーは要素コンポーネントによって異なります。導入されていない場合、プログレスバーは表示されません。

1

2

3

layui.use( 'element'、function(){     var element = layui.element; });このとき、プログレスバーには次のような結果が表示されます。(2)動的レンダリングで進行状況を動的に変更する必要がある場合プログレスバーの値、layui公式ウェブサイト前述のように、elementモジュールはelement.progress()の基本的なメソッドを提供します。最初にプログレスバーフィルター(lay-filter = "demo")を設定し、次に特定のイベントまたはステートメントでメソッドを実行するだけで、精度バーの値を動的に変更できます。ただし、ユーザーは精度バーに表示されるパーセンテージテキストを変更する必要があります。1 element.progress( 'demo'、'80% ');この時点で、プログレスバーの値が変更されます。



















おすすめ

転載: blog.csdn.net/keke795/article/details/113101608