无笔记提示

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

如果笔记列表里面没有要显示的笔记,我想显示一行提示文字 .. 在 Notes 组件的模板里面 .. 在这个 note 组件的下面,添加一组 span 标签 .. 上面加上 ui small disabled header .. 这几个 css 类 ..

再用一个 v-if ,判断一下,如果 !this.entities.length .. 意思就是如果 entities 里面没东西 .. 就显示这个 span 元素 ..

要显示的文字是 还没有笔记,请按下 '添加笔记' 按钮。

预览

到浏览器上再试一下 ... 把这条笔记先删除掉 .. 没有要显示的笔记,就会显示这段提示文字 .. 点一下 添加笔记 .. 有了新的笔记,提示文字就会被隐藏起来了 ...

无笔记提示《 Vue.js:应用案例 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点