爆改 toxml 组件 支持数据双向绑定 办理数据刷新问题

GGGGGGGGGGGGGGGGGithub地址自行研究
sbfkcel/towxml: 微信小程序HTML、Markdown渲染库

https://github.com/sbfkcel/towxml原组件是以导入数据渲染信息为目的、本文以AI数据返回小程序为模仿效果演示

 默认情况只在ready 环节举行渲染静态资源
1、对传入数据容器的位置做处理

1. Component({
2.   properties: {
3.     title: {
4.       type: String,
5.       value: '',
6.       // 将新的数据render到容器
7.       observer(newVal) {
8.         this.renderMarkdown(newVal)
9.       }
10.     }
11.   },
12.   methods: {
13.     renderMarkdown(content) {
14.       // 你的 markdown 渲染逻辑
15.       // ...
16.       this.setData({ parsedContent: /* 渲染后的内容 */ })
17.     }
18.   }
19. })

复制代码

2、确认数据是否正常传入toxml组件

1. // 可利用深浅拷贝
2. // 在 setData 回调里
3. this.setData({ messages: JSON.parse(JSON.stringify(messages)) }, () => {
4.   this.setData({ lastId: 'last-message' })
5. })

复制代码

3、给与页面渲染元素、唯一KEY 保持唯一性


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。