调用 // 分页import pages from 'components/common/pages/pages' components: { pages }, <pages :total="total" :page-size="pageSize ...
第一次写博客,专门写给菜鸟看的,如果你是老鸟,你可以直接无视。 首先我们从豆瓣api获取到电影的数据列表 然后我们把他们切成一块一块的小数组 最后的数组将会是这样 原理就是以上的内容,接下来直接附上代码 注释:computeArr 这个函数是将所有的数据重新组装成一个新的数组,下面的注释已经很清楚了,这里不必解释太多。 这样handleCurrentChange 这样函数是点击切换页数时候执行的, ...
2018-01-02 16:29 1 1850 推荐指数:
调用 // 分页import pages from 'components/common/pages/pages' components: { pages }, <pages :total="total" :page-size="pageSize ...
新建 Pagination 页面中使用 ...
在 vue 项目中的 components 中 创建一个 文件夹,文件夹里创建一个 name(这个名字你随意取).vue <template> <div class="page"> < ...
element-ui表格很强,但是业务需求更强大,需要表格整列移动,并且整列隐藏 引入表格使用 import myTable from "../commonComponents/table"; components: { "my-table": myTable ...
直接上代码 ...
前端工作中,经常需要图片裁剪的场景,cropper.js是一款优秀的前端插件,api十分丰富。 本文是在vue-cli项目下封装图片裁剪插件,效果图如下: 话不多说,看步骤吧。 第一步:准备开发环境 cropper.js是基于jquery的,所以要先安装jquery 执行命令 ...
前提 vue在前端技术中使用越来越多,也成为了主流框架,花点时间稍微了解下vue-cli、vue-router结合element-ui的使用。本人使用的是windows系统,后续介绍以windows7系统为例。 1.安装vue-cli 首先保证自己电脑上已经安装过nodejs,是否安装 ...
原因:分页在项目当中使用非常频繁,因此就将el-pagination封装为了一个全局组件 话不多说直接上代码 1.首先在components下面新建一个pagination.vue文件 代码如下: 查看代码 2. 在main.js中我们需要引入 ...