饥饿的？UI按钮禁用时添加文字提示，按钮正常时不添加文字提示（el-tooltip使用注意事项）

#app{width:400px;高度：400px；背景色：#e9e9e9；显示：弹性；对齐项目：居中；证明内容：空间周围；}需求说明比如项目中有这么一个需求，有一些特定页面上的按钮。这些按钮的状态不固定。有时可能会禁用按钮并且不允许单击。有时按钮处于正常状态，允许点击。所以总结就是：如果是禁用状态，当鼠标悬停时，会出现文字提示；如果是正常状态，鼠标悬停时不会有任何变化。看似很简单，但是其中有一个细节需要注意。我们先来看看最终的效果图。你饿了吗？ui中的el-tooltip组件有打开和关闭的功能，但是如果我们直接把组件放在el-button外面，会发现el-tooltip是打不开的。好像也是被el-button禁用了，打不开。直接使用el-tooltip代码如下：确认接收exportdefault{name:"app",data(){return{kkk:true,}}}查看元素找出原因及解决方法解决方法是在el-button外面包裹一个div，这样类名el-tooltip就会被添加到div中，它不会受到禁用按钮的影响。完整代码#app{width:400px;高度：400px；背景色：#e9e9e9；显示：弹性；对齐项目：居中；证明内容：空间周围；}最后，查看代码以查看摘要。好记性不如烂笔头。记录小细节，避免陷阱，从而加快开发速度。必须再加一层