vue+element ui 打印表格代码怎么写

在 Vue.js 中使用 Element UI 打印表格的代码如下:

1. 在你的项目中安装 Element UI，如果你还没有安装：

    npm install element-ui -S

2. 在你的 Vue 组件中引入 Element UI 的 Table 组件:

    import { Table } from 'element-ui'

3. 使用 Element UI 的 Table 组件来渲染你的表格数据:

    <el-table :data="tableData">
      <el-table-column prop="name" label="名称"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
    </el-table>

4. 使用 `window.print()` 函数来打印表格,一般放在按钮点击事件中

    <el-button @click="printTable">打印表格</el-button>

    methods: {
        printTable() {
            window.print()
        }
    }

5. 如果需要限制打印的表格范围，可以将需要打印的部分包裹在一个 div 中，并将该 div 的 id 传递给 `window.print()` 函数:

    <div id="print-section">
        <el-table :data="tableData">
            <el-table-column prop="name" label="名称"></el-table-column>
            <el-table-column prop="age" label="年龄"></el-table-column>
        </el-table>
    </div>
    <el-button @click="printTable">打印表格</el-button>

    methods: {
        printTable() {
            window.print()
        },
    },

这是一个简单的示例，更多细节可以参考 Element UI 的文档。