layui——进度条组件,动态设置进度条值后不更新数值

官方修改进度条值的语句为:

//示例
element.progress('demo1', '50%');

但发现进度条上的数值不改变,应该是一个bug

解决办法:使用以下代码:

//html元素:
<div class="layui-progress layui-progress-big" lay-filter="demo" lay-showPercent="true" >
            <div class="layui-progress-bar layui-bg-blue" lay-percent="40%" ></div>
        </div>


//script代码:

				layui.use('element',function () {
                    var element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
                    $('.layui-progress-bar').attr('lay-percent',i+'%');
                    element.init();
                    element.progress('demo', i+'%');

                });

参考https://fly.layui.com/jie/50070/

发布了82 篇原创文章 · 获赞 14 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_35077107/article/details/105499411
今日推荐