当前位置:   article > 正文

vue用ul写成table表格的样式_vue3 中ul li 模拟嵌套table

vue3 中ul li 模拟嵌套table

用ul写出类似table表格的样式

在这里插入图片描述

data数据

organList = {
      name: '安全委员会',
      code: 'awh20200215',
      higher: '柏科管理公司',
      duty: ['1.第一','2.第二'],
      person: '张三',
      phone: '18701966666'
};

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

template页面

        <ul  class="organList">
          <li>
            <span>组织机构名称</span>
            <span>{
  {organList.name}}</span>
          </li>
          <li>
            <span>机构编码</span>
            <span>{
  {organList.code}}</span>
          </li>
          <l
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号