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

GGGGGGGGGGGGGGGGGithub地址自行研究

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

默认情况只在ready 环节进行渲染静态资源

1、对传入数据容器的位置做处理

javascript 复制代码
Component({
  properties: {
    title: {
      type: String,
      value: '',
      // 将新的数据render到容器
      observer(newVal) {
        this.renderMarkdown(newVal)
      }
    }
  },
  methods: {
    renderMarkdown(content) {
      // 你的 markdown 渲染逻辑
      // ...
      this.setData({ parsedContent: /* 渲染后的内容 */ })
    }
  }
})

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

javascript 复制代码
// 可利用深浅拷贝
// 在 setData 回调里
this.setData({ messages: JSON.parse(JSON.stringify(messages)) }, () => {
  this.setData({ lastId: 'last-message' })
})

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

相关推荐
【ql君】qlexcel1 天前
Notepad++ 复制宏、编辑宏的方法
开发语言·javascript·notepad++··宏编辑·宏复制
程序员陆通1 天前
Vibe Coding开发微信小程序实战案例
微信小程序·小程序·notepad++·ai编程
nbsaas-boot1 天前
[特殊字符] 分享裂变新姿势:用 UniApp + Vue3 玩转小程序页面分享跳转!
小程序·uniapp·notepad++
唯独不开心11 天前
NotePad++ 怎么没有找到插件管理?
notepad++
橘子海全栈攻城狮11 天前
【源码+文档+调试讲解】基于web的运动健康小程序的设计与实现y196
java·开发语言·小程序·notepad++
lyh134413 天前
跨平台的重构版Notepad++文本编辑器
重构·notepad++
小妖66613 天前
notepad++ 安装插件下载进度为0怎么处理?
notepad++
逆风优雅14 天前
微信小程序使用rsa 加解密
微信小程序·小程序·notepad++
kq-blue14 天前
uniapp开发小程序,导出文件打开并保存,实现过程downloadFile下载,openDocument打开
小程序·uni-app·notepad++
莫魂魂18 天前
003微信小程序视图与逻辑
微信小程序·小程序·notepad++