Layui 진행률 표시줄을 렌더링할 수 없는 이유는 무엇입니까?

머리말:

layui 진행률 표시줄 렌더링은 정적 렌더링과 동적 렌더링이라는 두 가지 상황으로 나뉩니다.

 <div class="layui-progress layui-progress-big" lay-filter="demo" lay-showPercent="yes">
        <div class="layui-progress-bar layui-bg-green" lay-percent="50%"></div>
 </div>

위 코드만으로는 진행률 표시줄 값을 표시할 수 없습니다.

(1) 정적 렌더링

진행률 표시줄은 요소 구성 요소에 따라 달라집니다. 도입되지 않으면 진행률 표시줄이 표시되지 않습니다.

layui.use('element', function () {
    var element = layui.element;
});

이때 진행률 표시줄에는 다음과 같은 결과가 표시됩니다.

(학습 영상 공유: html 동영상 튜토리얼)

(2) 동적 렌더링

진행률 값을 동적으로 변경해야 하는 경우 Layui 공식 웹사이트에 따르면 진행률 표시줄에서 요소 모듈은 기본 메서드인 element.progress()를 제공합니다.

먼저 진행률 표시줄 필터(lay-filter="demo")를 설정한 다음 이벤트나 명령문에서 이 메서드를 실행하기만 하면 정확도 표시줄 값을 동적으로 변경할 수 있습니다. 하지만 정확도 막대에 표시되는 백분율 텍스트의 경우 사용자가 직접 변경해야 합니다.

element.progress('demo', '80%');

이때 진행률 표시줄의 값이 변경됩니다.

관련 권장 사항: layui 튜토리얼

위 내용은 Layui 진행률 표시줄을 렌더링할 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!