如果笔记列表里面没有要显示的笔记,我想显示一行提示文字 .. 在 Notes 组件的模板里面 .. 在这个 note 组件的下面,添加一组 span 标签 .. 上面加上 ui small disabled header .. 这几个 css 类 ..
再用一个 v-if ,判断一下,如果 !this.entities.length .. 意思就是如果 entities 里面没东西 .. 就显示这个 span 元素 ..
要显示的文字是 还没有笔记,请按下 '添加笔记' 按钮。
预览
到浏览器上再试一下 ... 把这条笔记先删除掉 .. 没有要显示的笔记,就会显示这段提示文字 .. 点一下 添加笔记 .. 有了新的笔记,提示文字就会被隐藏起来了 ...