如何通过vNode技术为列表字段添加标签功能？

本文共计212个文字，预计阅读时间需要1分钟。

目录 + 问题 + 思路 + 实现

1.过滤数据，需要使用jsx写法

2.定义标签样式，使用base.less

3.封装列表渲染组件

4.封装渲染vNode的方法

5.页面组件调用及效果展示

6.问题 + 如何给列表数据打标签

目录

• 问题
• 思路 实现
• 1、过滤数据，需要打标签的采用jsx写法
• base.less 定义标签样式
• 2、封装列表渲染组件
• 3、封装渲染vNode的方法
• 4、页面组件调用
• 效果展示

问题

如何给列表数据打标签？类似下面这种样子