`Laravel`版`小丑路人社区`改版中,与`Hyperf版小丑路人社区`数据互动,此版本改版中……尚未彻底完结!

Q:

Vue 直接解析 Markdown 内容,并渲染样式

  • 安装md解析器: npm install vue-markdown --save
  • 渲染样式:npm install github-markdown-css
  • Vue代码实例:

    <template>
    <div>
        <vue-markdown class="markdown-body">{{msg}}</vue-markdown>
    </div>
    </template>
    <script>
    // md解析器
    import VueMarkdown from 'vue-markdown';
    // markdown 样式引入
    import 'github-markdown-css';
    export default {
        name:'document',
        components:{
            VueMarkdown
        },
        data(){
            return{
                msg:'[1.0.1 分支](https://gitee.com/clown-passerby-community/laravel-vue-admin/tree/1.0.1)
    
    * **文章详情完善**;
    * **文章列表:状态变更设置;**
    * **默认图片组件的border-radius可随意传参设置;**
    * **系统设置下的配置管理、友情链接、Banner文件目录更换至根目录。**'
            }
        }
    }
    </script>
Vue
订阅

评论记录


评论/回复