mui的progress.hide()不生效

最新推荐文章于 2024-08-03 20:32:29 发布

大锤同学

最新推荐文章于 2024-08-03 20:32:29 发布

阅读量177

点赞数 3

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/qq953454299/article/details/137831841

版权

4 篇文章 0 订阅

订阅专栏

文章讲述了如何在MUI框架中正确使用progressbar组件，特别强调了动态添加的含义，即通过初始化方法添加而非直接操作DOM。通过实例说明了如何实现动态生成的进度条并成功隐藏。

摘要由CSDN通过智能技术生成

从官网的案例中，我们可以看到，如果要关闭进度条，可以使用

mui(container).progressbar().hide();

但是运行这行代码后，进度条并没有消失，看了下官网的描述——这个关闭只能应用在动态添加的进度条上，一开始不能理解什么是动态添加的，搞了半天才搞明白

首先，什么是动态添加进度条

<div id="b2" >
    <span></span>
</div>

在b2中，没有进度条，它只是一个普通的div，如果使用初始化方法，会自动向b2中添加进度条控件，这种才是官网说的动态生成（如果是用js操作dom，比如appendChild()这种方式，不属于这里所说的动态生成范畴）

mui("#b2").progressbar({progress:20}).show();

此时再对b2使用hide()方法，就可以关闭进度条了

<button onclick="hideBar()">关闭</button>
<script>
    function m_hide(){
        mui("#b2").progressbar().hide();
    }
</script>

关注

专栏目录