0.0.3 • Published 6 years ago
ldy-vue-wxparse v0.0.3
vue-wxParse 适用于vue富文本解析组件
调整优化
属性
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| loading | Boolean | false | 数据加载状态 |
| className | String | — | 自定义 class 名称 |
| content | String | — | 渲染内容 |
| noData | String | 数据不能为空 | 空数据时的渲染展示 |
| startHandler | Function | 见源码 | 自定义 parser 函数 |
| endHandler | Function | null | 自定义 parser 函数 |
| charsHandler | Function | null | 自定义 parser 函数 |
| imageProp | Object | 见下文 | 图片相关参数 |
自定义 parser 函数具体介绍
- 传入的参数为当前节点
node对象及解析结果results对象，例如startHandler(node, results) - 无需返回值，通过对传入的参数直接操作来完成需要的改动
- 自定义函数会在原解析函数处理之后执行
imageProp 对象具体属性
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| mode | String | 'aspectFit' | 图片裁剪、缩放的模式 |
| padding | Number | 0 | 图片内边距 |
| lazyLoad | Boolean | false | 图片懒加载 |
| domain | String | '' | 图片服务域名 |
事件
| 名称 | 参数 | 描述 |
|---|---|---|
| preview | 图片地址，原始事件 | 预览图片时触发 |
| navigate | 链接地址，原始事件 | 点击链接时触发 |
基本使用方法
- 安装
npm i ldy-vue-wxparse