时间戳

首页 > 解决方案 > Vue J. 如何将 v-for 数据处理为数字？

javascript - Vue J. 如何将 v-for 数据处理为数字？

问题描述

您好，我是 vue.js 的新编码，如果我不能清楚地解释自己，请见谅。我有问题v-for：

<img :src="i.images.480w_still.url" />

我正在使用 Giphy api 搜索 gif，我得到了这么多图像的响应。我想使用调整大小为 480w 的版本并将它们全部列出，但是当我收到此响应时data.data，我无法使用该480w_still对象：

.then((res) => {
   this.list = res.data.data;
   console.log(this.list);})`

对象的控制台表示：

推送到列表数组并显示 console.log

标签： javascriptvue.jsobjectvuejs2vue-component

解决方案

在 JavaScript 中，变量名不能以数字开头。对象属性可以，但在这种情况下，您不能使用点符号来访问它们。这意味着您必须使用括号表示法来访问此属性480w_still：

<img :src="i.images['480w_still'].url" />

括号表示法允许您访问不是有效变量名称的属性名称。

推荐阅读