小程序自己的<rich-text>组件:
组件的nodes属性就是要渲染的html格式的字符串,因为是渲染html格式,并不是小程序格式,所以该组件不识别<text></text>一类的标签,支持标签中含有class和style,但是不支持id属性,具体支持哪些标签,可以参考文档-微信文档
案例仿照了一个微信搜索的功能,用到了<rich-text>组件,具体如下:
小程序实现vue的v-html指令
小程序实现vue的v-html指令
小程序实现vue的v-html指令
遍历过之后name和phone已经变成了html格式的字符串,wxml渲染的是遍历之后的数据(html格式的字符串)
小程序实现vue的v-html指令
小程序实现vue的v-html指令
搜索下面的蓝色字体就是遍历之后,被处理成html格式的数据:
<span class="high_light">啊</span>大大

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-22
  • 2022-12-23
  • 2022-12-23
  • 2021-12-16
  • 2021-10-26
  • 2021-12-25
相关资源
相似解决方案