以下代码可以实现获取当前时间并实时显示，朋友们直接copy使用即可，希望可以帮助到有需要的朋友们！// 在Vue实例销毁前，清除时间定时器。// 格式化需要展示的时间格式。// 将月份和日期补零。// 格式化日期时间。

这次项目中因为对接了即时通讯 IM，有个需求就是收到消息需要有个提示音效，所以这里就想到了用HTML5 提供的Audio 标签，用起来也是很方便，首先让产品给你个提示音效，然后你放在项目中，使用Audio 标签，然后引入这段提示音效即可，后续的操作也是我下面的代码，直接复制即可。// 如果你也想在收到消息的时候播放提示音效，在收到消息回调的方法里面执行这个方法（playNotionAudio）即可

最近在写项目的时候用到了合计行，本篇文章提供了el-table使用合计行的方案。

我们都知道表单组件应该是后台管理系统中用得最多的组件，我们不可能每个业务都写一次表单，然后每一次修改都去各自业务中大幅修改，这样就可能导致代码重复率太高了，工作效率频频降低，所以我们需要封装起来，这样我们就可以复用，大大减少项目体积，方便项目的后期维护，提高前端娃的工作效率。由于我们使用表单都是直接使用UI组件库的组件，所以我们需要做二次封装，那么问题来了，二次封装表单组件我们需要考虑什么？话不多

要用到umy-ui库，umy-ui库中的table表格组件,它不造轮子。它改造了element-ui等等库的表格组件。u-table增加三个属性(必须)： use-virtual，row-height，height，表示启用虚拟列表。把el-table-column改成u-table-column。把el-table改成u-table。

最近在使用Element的el-table表格组件时，发现一个问题，我的业务场景需要使用树形表格，并且使用懒加载的模式加载子级数据，但是使用Element自带的树形表格和懒加载功能，懒加载仅会在第一次展开时加载，后续会使用第一次缓存的数据，而不会重新加载，本篇文章提供了解决方案。首先，先看一下Element的el-table组件的相关代码：

最近在项目中使用一款非常实用,功能齐全的富文本编辑器----Tinymce Editor首先献出文档 – 英文文档 中文文档 编辑器效果如图首先安装其次根据项目的vue版本选择tinymce-vue版本,如果你使用的Vue3.0可直接使用Vue2.x的项目则需安装较低的版本,我在项目采用的版本是 "3.2.6"的版本,则安装我这里直接把富文本封装成全局组件了，因为我的项目里有很多地方都会用的到，所