Javascript 如何将元素从挂载传递到HTML模板

我从安装的api中获取一些数据。我想通过循环将它们传递给html模板，但它仍然不起作用

HTML

VUE.JS

     export default {
      data() {
       return {
         document: {}
        };
     },
     mounted() {
       co.getDocuments(
         this.$store.getters.customer_id,
         this.$store.getters.token
       ).then(data => {
         let dataDoc = data.data;
         console.log(dataDoc);

         Object.values(dataDoc).map(document => {
           return (this.document = document);
        });
       });
      }
    };

---

我的el在循环中不存在。我尝试将文档分配给此。文档。但是仍然有一些错误。

您无法使用此关键字访问映射函数中的Vue组件引用。因此，我建议您绑定Vue组件引用，而不是默认的this操作符

 Object.values(dataDoc).map(
  function(document) {
    this.document = document;
  }.bind(this) **// like this**
);

---

示例：

可以在

对象.values

do

console.log（this.document）之后执行操作并在此处打印结果。我认为你的文件不是数组…你是对的。我查过了，但没有。它是一个物体。这意味着我无法进行“映射”？请尝试更改数据
文档：[
。我已更改。现在，这个.document是一个数组。但它仍然没有任何东西想要传递到html。控制台中没有任何错误。请在此处打印控制台日志
 Object.values(dataDoc).map(
  function(document) {
    this.document = document;
  }.bind(this) **// like this**
);