几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
elementui分页页码如何重置
来源：互联网
2023-03-17 00:02:08 版权归原作者所有，如有侵权，请联系我们
elementui中表格和分页组合在一起，当表格查询条件重置之后，相对应的分页页码也需要重置。那么，分页页码如何重置呢？
工具/原料
- element
- vue.js
- 截图工具
- WPS
- HBuilderX
- 浏览器
方法/步骤
双击打开HBuilderX工具，利用npm命令下载和安装vue项目
在src文件夹下的components下，新建一个vue文件TablePager.vue
打开已新建的组件文件，在template标签中，插入一个el-table和分页组件
接着在data对象中，初始化表格的数据tableData，添加十二条数据
在methods中，添加表格初始化方法，还有表格分页相关事件
打开App.vue文件，导入TablePager组件，并在界面代码中引用
保存代码并运行项目，打开浏览器查看表格以及分页
在template标签中，插入一个el-button重置按钮，然后绑定重置事件
最后在分页重置事件中，设置current为1；再次保存代码并启动项目，查看表格以及分页效果
总结
1、创建vue项目
2、新建vue组件
3、插入表格元素
4、绑定表格数据
5、导入表格组件
6、运行查看效果
注意事项
- 注意elementui分页页码如何重置
- 注意element将表格和分页组件组合起来
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPT
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 256 JAVASCRIPT
- 详细阅读