爆改 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 保持唯一性

相关推荐
bestsun9991 天前
Notepad++工具操作技巧
测试工具·notepad++
qq_214225875 天前
为Notepad++插上JSON格式化的翅膀
json·notepad++
The_era_achievs_hero7 天前
微信小程序161~170
微信小程序·小程序·notepad++
難釋懷7 天前
微信小程序案例 - 本地生活(列表页面)
微信小程序·生活·notepad++
皆是梦7 天前
notepad++ 多行复制拼接
notepad++
The_era_achievs_hero8 天前
微信小程序141~150
微信小程序·小程序·notepad++
公子绝10 天前
JAVA学习笔记 使用notepad++开发JAVA-003
java·学习·notepad++·java开发环境
梦仔生信进阶11 天前
【windows办公小助手】比文档编辑器更好用的Notepad++轻量编辑器
编辑器·notepad++
難釋懷12 天前
微信小程序案例 - 本地生活(首页)
微信小程序·生活·notepad++
難釋懷12 天前
微信小程序WXSS 模板样式
微信小程序·小程序·notepad++