养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

el-badge如何设置动态badge提示

时间:2024-11-10 10:19:47

在使用Element框架开发vue项目时,如何设置Badge标记组件的badge为动态显示呢。如图

工具/原料

电脑浏览器

win10

方法/步骤

1、打开一个vue文件,添加两个el-badge标签,内容分别为评论1和评论2。如图

el-badge如何设置动态badge提示

2、在第一个el-badge标签上设置hidden值为true,第二个el-badge钿泼兽匿标签上设置hidden值为false。如图

el-badge如何设置动态badge提示

3、保存vue文件后使用浏览器打开,即可看到评论1不显示value值,评论2显示了value值。如图

el-badge如何设置动态badge提示

© 一点知识