layui进度条渲染不出来
解决思路如下:
提示:需要考虑静态渲染和动态渲染进度条两种情况。
<div lay-filter="demo" lay-showPercent="yes">
<div lay-percent="50%"></div>
</div>
单独上面一段代码,进度条值是无法显示的。
(1)静态渲染
进度条依赖element组件,如果未引入,进度条将无法显示。
layui.use('element', function () {
var element = layui.element;
});
此时进度条显示结果如下:
(2)动态渲染
需要动态改变进度条的进度值时,layui官网上说,element模块提供了element.progress()的基础方法。
首先设置进度条过滤器(lay-filter="demo"),然后就只需要在某个事件或者语句中执行该方法,即可实现动态改变精度条值。但对于精度条中显示的百分比文字,用户需要自己进行改变。
element.progress('demo', '80%');
此时进度条值改变:
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanfbigk
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
photoshop蒙版画笔没反应怎么办
PHP中文网 06-24