Vuetify框架好处:
1、默认样式就很好看,我之前用 Ant-Design-vue 文件里经常要写一些 CSS 来改变控件的默认外观、间距什么的。用上 Vuetify 后,我发现基本不用手写 CSS 了。
2、对移动端的支持非常好,我的博客一套代码,在 PC 端和移动端都很完美,关键是实现起来很简单。
效果图:
默认从第一页开始:
代码如下:
//content
<div class="content-div">这里显示不同页面的内容
<ul><li v-for="(item,index) in StaffInfo"></li></ul>
</div>
//底部的显示页面
<template>
<div class="text-center">
<v-pagination
v-model="page"
:length="6"
></v-pagination>
</div>
</template>
<script>
export default {
data () {
return {
page: 1,//默认从第一页
}
},
methods:{
//自定义方法,通过控制this.page++或this.page--来显示不同页面的内容
}
}
</script>
插件:
vuetify:2.3.13版本