<template>
  <div
    style="height: 100px; height: 100px"
    v-loading="loading"
    :innerHTML="html"
    element-loading-text="拼命加载中"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 0.8)"
  ></div>
</template>

<script>
export default {
  name: "HtmlPanel",
  props: {
    //使用时请使用 :url.sync=""传值
    url: {
      required: true
    }
  },
  data() {
    return {
      loading: false,
      html: ""
    };
  },
  mounted() {
    this.load(this.url);
  },
  methods: {
    load(url) {}
  },
  watch: {
    url(value) {
      this.load(value);
    }
  }
};
</script>
