読み込み時にlayuiのプログレスバーが動的に表示されない

読み込み時にlayuiのプログレスバーが動的に表示されない

ピットを踏む:layuiのプログレスバーのダイナミックローディングが表示されていない
ここに画像の説明を挿入
公式の例ではパーセンテージ比率のダイナミックローディングであることがわかります。
あまり明確ではない学生は、layui の公式 Web サイトにアクセスして、彼の例とプログレス バーの文書を参照してください ( layui.com )
しかし xdm は、パーセンテージ形式のプログレス バーを使用できることを発見しましたが、そのような分数形式では、彼の形式を使用して移動する方法はありません。

解決:

その1:動的取得の必要条件:要素モジュール

ここに画像の説明を挿入
プログレスバーを動的に操作するには、この要素モジュールを導入する必要があります
ここに画像の説明を挿入
. 要素モジュールを導入した後, そのプログレスメソッドを呼び出します.
このメソッドには2つのパラメータがあります. 最初のパラメータは: フィルタ付きのプログレスバーです (lay-filter="")設定, 最初のパラメータはこれです;
2 番目のパラメータは動的にしたい場所に対応するパラメータです.
ここに画像の説明を挿入
設定後, 要素を初期化して再度ロードする必要があります.
この文を追加するだけです:
このようにして, 設定することができますダイナミック分数フォーム ダイナミック プログレス バー
ここに画像の説明を挿入

全体的なサンプルコード

プログレス バーコードここに画像の説明を挿入
layui コントロール コード
ここに画像の説明を挿入

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/qq_45844443/article/details/117951850