版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/keji_123/article/details/81871518
项目中数据很多都是用markDown编辑的,所以要前台进行解析,之前也用了vue-markdown,但是没有办法解析u这个标签这个下划线样式,所以改用showdown。
安装方法
npm install showdown
使用方法
//js部分
<script>
var showdown = require('showdown'),
converter = new showdown.Converter();
export default {
data() {
return {
}
},
components: {},
props: [
],
//已成功挂载,相当ready()
mounted() {
},
//相关操作事件
methods: {
compileMarkDown: function (value) {
return converter.makeHtml(value)
}
},
}
</script>
//html部分
<template>
<div>
<h4 v-html='compileMarkDown('这里放要解析的数据')'></h4>
</div>
</template>
本人分享比较枯燥,没有搞笑的言语,只是想把自己踩得坑分享给大家,让大家提高开发效率