Mavoneditor.vue

<template>
  <div class="mavoneditor">
    <div class="markdown-body" style="width:100%;height:100%;overflow:hidden;">
      <iframe src='http://yongma16.xyz/admin/' style="width:100%;height:100%;border:none;"></iframe>
    </div>
  </div>
</template>

<script>
import VueMarkdown from 'vue-markdown'
import axios from 'axios'
export default {
  components: {
    VueMarkdown
  },
  name: 'Mavoneditor',
  data () {
    return {
      baseurl: 'http://yongma16.xyz/admin/',
      md_data: []
    }
  },
  methods: {
    getArticles: function () {
      let that = this
      axios
        .get(that.baseurl)
        .then((res) => {
          console.log('获取Article=>')
          // console.log(res.data.article);
          // let run_array=res.data.article.map(o=>{return that.data.md_data.push(o);}); //获取参数article
          // console.log(that.data.md_data);
          that.md_data = res.data.article
        })
        .catch((res) => {
          console.log(res)
        }) // get log
    }

  },
  created () {
    try{
      console.log('domMain',document.getElementById('mainappid'),document.getElementById('mainappid').style);
      document.getElementById('mainappid').style.padding='0';
      document.getElementById('mainappid').style.margin='0';
    }catch(e){
      console.log('e',e)
    }
    let that = this
    console.log('测试created！')
    axios
      .get(that.baseurl)
      .then((res) => {
        console.log('获取Article')
        //   console.log(res,res.data,res.data.msg);

        that.md_data.push(res.data.article) // markdown值传递
      })
      .catch((res) => {
        console.log(res)
      }) // get log
  }
}
</script>

<style scoped>
.mavoneditor{
  width:100%;
  height:100%;
}
</style>