时间戳

首页 > 解决方案 > 如何清空 html 标签的内容？

vue.js - 如何清空 html 标签的内容？

问题描述

您好，我在标签内的每个 API 调用中加载了一些数据，但是当我进行第二次调用时，这些数据会附加到上一次调用的数据中。

问题是如何清除 div 的内容？

我用这个来选择那个 div

this.$refs.data

为了添加内容，我使用以下代码：

responseJSON.forEach(element => {
        let card = Vue.extend(card)
        let instance = new card({
          propsData: {
            ch: element
          }
        })
        instance.$mount()
        this.$refs.aaa.appendChild(instance.$el)
        this.cards.push(instance)
      });

标签： vue.js

解决方案

在运行之前responseJSON.forEach，您可以先通过运行清除 div 中的所有内容

this.$refs.data.innerHTML = ""

推荐阅读