vue中使用marked显示markdown文件

1、安装marked

npm install marked

2、使用

<div v-html="readmeContent">

</div>

<script>
  //引入marked
  import marked from 'marked'
  
  export default {
    methods: {
      getMardownFileContent(data) {
		//处理markdown数据,data为markdown文件读出的字符串
		this.readmeContent = marked(data || '', {
		  sanitize: true
		}); 
    },
  }
  
</script>

猜你喜欢

转载自blog.csdn.net/sayoko06/article/details/88240125