vuejs学习之路 el-table表格完善demo（页数描述、翻页等问题）（六）

vue从入门到放弃

于 2019-12-17 16:56:17 发布

阅读量448

点赞数

分类专栏：学习文章标签： vue 表格

本文链接：https://blog.youkuaiyun.com/u013690446/article/details/103583435

版权

本文详细介绍了在Vue.js中使用el-table组件构建带有页数描述和翻页功能的表格的实践过程，针对可能出现的问题提供了解决方案，帮助开发者完善表格的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div class="table">
    <div class="container">
      <div class="handle-box">
        <el-input v-model="select_word" placeholder="创建人" class="handle-input" @focus="change_search"></el-input>
        <el-button type="primary" icon="el-icon-search" @click="search">搜索任务</el-button>
      </div>

      <el-table :data="bigTableData" stripe border fit style="width: auto" class="table" type="index">
        <el-table-column prop="planname" label="计划名称" sortable></el-table-column>
        <el-table-column prop="creater" label="创建人" sortable></el-table-column>
        <el-table-column label="详细数据" show-overflow-toolti

最低0.47元/天解锁文章