使用vNode实现给列表字段打标签

lxf2023-06-01 15:00:01
摘要

这篇文章主要为大家介绍了使用vNode实现给列表字段打标签示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

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

      问题

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