截取笔记内容

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

在这个笔记列表上显示的笔记项目,我想只显示一段截取的内容 .. 这里可以先在页面上嵌入一个库 .. https://unpkg.com/lodash

再打开 app.js .. 找到 Note 组件,先添加一个 computed 属性 .. 里面再添加一个 header 方法 .. 它 return 就是截取之后的笔记内容 .. 用一下我们刚才嵌入的 lodash 里提供的方法 .. _.truncate .. 截取的是 this.entity.body .. 截取的 length ,也就是长度是 30 个字儿 { length: 30 }

这样在这个 header 元素里面,我们可以绑定输出这个 header ..

预览

回到浏览器,再去试一下 .. 在这个笔记内容里面输入一段比较长的文字 ... 这样会截取其中的 30 个字儿作为这个笔记项目的标题显示在上面 ..

截取笔记内容《 Vue.js:应用案例 》

统计

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

社会化网络

关于

微信订阅号

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