mpvue解析富文本mpvue-wxParse

原创于 2018-08-22 09:52:04 发布 · 6.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#mpvue

小程序同时被 2 个专栏收录

39 篇文章

订阅专栏

mpvue

6 篇文章

订阅专栏

本文介绍了一个用于mpvue项目的wxParse组件，该组件能够帮助开发者将HTML代码转换为微信小程序支持的内容。文中详细介绍了如何安装和配置此组件，并提供了具体的使用示例代码。

1.参考git:https://github.com/F-loat/mpvue-wxParse

2.安装

npm i mpvue-wxparse

3.使用

<template>
  <div>
    <wxParse :content="article" @preview="preview" @navigate="navigate" />
  </div>
</template>

<script>
import wxParse from 'mpvue-wxparse'

export default {
  components: {
    wxParse
  },
  data () {
    return {
      article: '<div>我是HTML代码</div>'
    }
  },
  methods: {
    preview(src, e) {
      // do something
    },
    navigate(href, e) {
      // do something
    }
  }
}
</script>

<style>
@import url("~mpvue-wxparse/src/wxParse.css");
</style>