<template> <div> <Markdown v-model="val" @on-ready="onReady" @on-copy="onCopy" @on-upload-image="onUpladImage" @on-save="onSave" :height="fullHeight" /> </div> </template> <script> // import Markdown from './dist/simple'; // import Markdown from 'vue-meditor'; import Markdown from './src/pro'; // import Markdown from './src/simple'; export default { components: { Markdown }, mounted() { const that = this window.onresize = () => { return (() => { window.fullHeight = document.documentElement.clientHeight that.fullHeight = window.fullHeight })() } }, data: function () { return { val: '', fullHeight: document.documentElement.clientHeight } }, watch: { fullHeight(val) { if (!this.timer) { this.fullHeight = val this.timer = true let that = this setTimeout(function() { that.timer = false }, 400) } } }, methods: { onReady(data) { console.log(data) }, onCopy(text) { console.log(text); }, onUpladImage(file) { console.log(file) }, onSave(data) { console.log(data); } } } </script> <style lang="less"> </style>