logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年
订阅后全站课程均可学习
Nuxt.js 前端应用开发实践

Nuxt.js 前端应用开发实践

在内容列表项目里添加图像与标题

NuNuxt.js 前端应用开发实践
  • 在内容列表组件中展示图像。
  • 配置API基本地址（API BASE URL）。
  • 在内容列表模板里循环添加包含图像元素的div。
  • 图像元素的SRC属性使用API地址和内容文件ID来拼接。
  • 图像接口支持使用查询参数设置图像尺寸。
  • 为图像元素的属性绑定内容标题（post title）。
  • 为列表元素添加类名（post list）并设置样式。
  • 在内容部分添加标题元素，并使用next link组件创建可导航的标题。
  • 标题元素的Link属性绑定到内容页面的地址。