Question

我想知道是否有可能获得“ vuejs”数组的值。实际上，在挂载方法中，我希望能够访问一个属性的对象，以便获取我商品图像的网址（我正在建立一种电子商务网站），因为[... this.articles ]（以我为例）返回未定义，但是当我执行console.log（this.articles）时，我可以看到[ ob ：我们]。

My code What I would like to have access to

Answer 1

您在调试器中看到的是正确的。 Vue使用适配器使其具有反应性。使用该对象而没有任何._obj后缀等。它将仍然照常工作。

使用Vue Dev Tools查看值。或使用控制台中的“ +”打开项目以查看值。

如果您使数据异步，则可能尚未准备好。在这种情况下，请使用watcher而不是mounted()。

在调试时，要在代码中查看原始数组，请将其中的任何一个放在模板中：

<div>{{articles}}</div>

要以连接字符串查看项目：

<div>{{articles.join(',')}}</div>

列出每篇文章：

<div v-for='article of articles'>
{{article}}
</div>

遍历已挂载方法中的vue js属性

1 个答案: