vue批量导出选择多条数据样式问题

最新推荐文章于 2025-02-19 23:58:33 发布

原创

最新推荐文章于 2025-02-19 23:58:33 发布 · 619 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript

本文探讨了在Vue.js应用中，结合ElementUI组件库遇到的批量导出选择多条数据时的样式问题，并提供了相应的解决策略，包括如何正确处理导出数据的样式设置，确保导出内容与页面显示一致。

<template>
      <el-table
        ref="multipleTable"
        :data="dataList"
        tooltip-effect="dark"
        style="width: 100%"
        >
        <el-table-column
          type="selection"
          width="100%">
        </el-table-column>
        
        <el-table-column>
          <template slot-scope="scope">
            <div>
              <span style="font-weight:bold">{
  
  {scope.row.name}}</span><br>
                <span >{
  
  {scope.row.gender | filterGender(that.GenderList)}}</span>&nbsp;&nbsp;&nbsp;
                <span >{
  
  {scope.row.age}}岁</span>&nbsp;&nbsp;&nbsp;
                <span >{
  
  {scope.row.educationBackground | filterEducationBackground(that.academicDdegree)}}</span>&nbsp;&nbsp;&nbsp;
                <span>{
  
  {scope.row.workExperience}}工作经验&