vue ui有些使用方法

原创已于 2023-06-02 21:51:09 修改 · 177 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #elementui

于 2023-04-25 18:45:00 首次发布

文章介绍了在Vue.js中使用el-pagination组件进行分页操作，包括设置背景、布局、监听当前页变化、上一页和下一页的点击事件，以及利用this.$message展示不同类型的提示信息，如成功、警告和普通消息。

一、Pagination 分页

 <el-pagination background layout="prev, pager, next" 
:total="yemashu" //页码数
@current-change="meitiao" 当前点击页面的位置
@prev-click="meitiao" 上一页
@next-click="meitiao" 下一页
 :current-page.sync="n"刷新数据后默认显示第几条
>
</el-pagination>

二、消息提示

this.$message({ message: '恭喜你，这是一条成功消息', type: 'success' }); 成功

this.$message({ message: '警告哦，这是一条警告消息', type: 'warning' });失败

this.$message({ message: '警告哦，这是一条警告消息', type: 'warning' });警告

this.$message('这是一条消息提示');消息提示