ELEMENTUI_基础知识(四)

简介: ELEMENTUI_基础知识(四)

④. 分页Pagenation


4>. 分页Pagenation


  • ①. 模板说明:


image.png


②. 模板代码


    <el-footer>
      <div class="pagination">
        <el-pagination
          background
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage"
          :page-sizes="[5, 10, 20, 40]"
          :page-size="pagesize"
          layout="total, sizes,prev, pager, next"
          :total="tableData.count"
          prev-text="上一页"
          next-text="下一页">
        </el-pagination>
      </div>
    </el-footer>


④. 日历插件格式化


  • ①. value-format=“yyyy-MM-dd HH:mm:ss”


  • ②. value-format=“yyyy-MM-dd”


  <el-date-picker
    style="width:120px"
    v-model="queryMap.STARTDATETIME"
    value-format="yyyy-MM-dd"
    type="date"
    placeholder="选择开始日期">
  </el-date-picker>
相关文章
|
12月前
|
存储 JavaScript API
Vue(第十五课)Pinia组件库的基本知识(一)
Vue(第十五课)Pinia组件库的基本知识(一)
129 0
|
4天前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
|
2月前
|
JavaScript 数据安全/隐私保护
ElementUI应用实践总结
ElementUI应用实践总结
50 0
|
9月前
|
JavaScript 前端开发 API
Vue.js入门指南:从基础到进阶,掌握现代JavaScript框架的核心概念与高级特性(2W字小白教程)
Vue.js入门指南:从基础到进阶,掌握现代JavaScript框架的核心概念与高级特性(2W字小白教程)
111 0
|
前端开发
一张思维导图入门React
一张思维导图入门React
一张思维导图入门React
|
12月前
|
JavaScript
Vue(第十五课)Pinia组件库的基本知识(二)
Vue(第十五课)Pinia组件库的基本知识(二)
72 0
|
前端开发
前端知识学习案例-React简介
前端知识学习案例-React简介
50 0
前端知识学习案例-React简介
|
JavaScript
Vue 2 阅读理解(十二)之 initRender 与 callHook
Vue 2 阅读理解(十二)之 initRender 与 callHook
131 1
|
存储 设计模式 JavaScript
前端知识库Reactjs基础系列二(进阶)
上一节复习reactjs的基础知识,本节主要了解reactjs中一些高阶用法。
|
JavaScript Java
java后端需要学习的Vue知识点
java后端需要学习的Vue知识点
174 0
java后端需要学习的Vue知识点