设计了一个表格，内容由其他组件传来的值渲染，如何在组件没有传值时，能呈现一个没有内容的表格，而不是dom都没有加载出来，？

  • Z时代
  • 2024-02-18
  • 分类：IT

表格：

         <el-row class="row">
            <el-col class="col">
              <span style="background-color: #1c12aa;color: white;font-weight: bold;">ST01</span>
              <span style="color: white;font-weight: bold;" :class="getResultClass(datalist[7].value)">{{ datalist[7].value }}</span>
            </el-col>
          </el-row>
          <el-row class="row">
            <el-col class="col">
              <span style="background-color: #bfbfbf;color: #000000;font-weight: bold;">等级</span>
              <span>{{ datalist[6].value}}</span>
            </el-col>
          </el-row>
          <el-row class="row">
            <el-col class="col">
              <span style="background-color: #bfbfbf;color: #000000;font-weight: bold;">二维码结果</span>
              <span>{{ datalist[0].value}}</span>
            </el-col>
            <el-col class="col">
              <span style="background-color: #bfbfbf;color: #000000;font-weight: bold;">二维码X位置</span>
              <span>{{ datalist[2].value}}</span>
            </el-col>
          </el-row>

传值组件：

    <div>
      <process :titlelist="titlelist" :datalist="datalist"></process>
    </div>

希望没有值传入得到时候能显示这样，而不是表格框架都没有（dom都没有加载）。
设计了一个表格，内容由其他组件传来的值渲染，如何在组件没有传值时，能呈现一个没有内容的表格，而不是dom都没有加载出来，？

回答：

按照参数的格式创建只有空格字符串的假数据作为默认数据，并且给表格单元设置合理的min-width。

defaultDataList = ["  ","  ","  ","  ","  ","  ","  ","  ","  "];

以上是 设计了一个表格，内容由其他组件传来的值渲染，如何在组件没有传值时，能呈现一个没有内容的表格，而不是dom都没有加载出来，？ 的全部内容， 来源链接： utcz.com/p/934986.html

回到顶部