|
@@ -0,0 +1,46 @@
|
|
|
|
+<template>
|
|
|
|
+ <div id="mdContent">
|
|
|
|
+ <v-md-preview :text="md.content"></v-md-preview>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+import request from "@/utils/request";
|
|
|
|
+
|
|
|
|
+export default {
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ md: {}
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ props: {
|
|
|
|
+ url: String,
|
|
|
|
+ pics: Array,
|
|
|
|
+ },
|
|
|
|
+ created() {
|
|
|
|
+ },
|
|
|
|
+ mounted() {
|
|
|
|
+ this.md.url = this.url;
|
|
|
|
+ this.getContent(this.url)
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ getContent(url) {
|
|
|
|
+ let app = this;
|
|
|
|
+ request.getFile(url,{}).then(res=>{
|
|
|
|
+ if (res.status===200) {
|
|
|
|
+ let reader = new FileReader();
|
|
|
|
+ reader.readAsText(res.data,'utf-8');
|
|
|
|
+ reader.onload = function (e) {
|
|
|
|
+ app.md.content = e.target.result;
|
|
|
|
+ };
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style>
|
|
|
|
+
|
|
|
|
+</style>
|