-
Vuetify v-data-table 去掉底部分页
需求 数据需要全部展示,无需底部的分页操作栏。 v-data-table 使用bottom的插槽,放一个空节点即可。 <v-data-table :h
2024-03-05, Views: 464 , Topics: Vuetify
-
Vuetify 分辨率
目录 设备 含义 编码 分辨率 手机 Extra Small xs <600px 平板 Small sm 600px~960px 笔记
2024-03-01, Views: 495 , Topics: Vuetify
-
Vuetify 设置组件间间隔
gap 使用g <div class="d-flex flex-column ga-5"> <p>文字1</p>
2024-02-29, Views: 336 , Topics: Vuetify
-
Vuetify 不同分辨率下设置字体大小
设置 <div class="text-h5 text-sm-h4">测试标题</div> 样式 text-{value}适用于从xs到
2024-02-28, Views: 503 , Topics: Vuetify
-
Vuetify v-data-table 表格添加顶部操作按钮
需求 Table表格控件添加操作按钮,如:刷新/新建/查询。 top 插槽 在v-data-table中使用具名插槽v-slot:top。 <templa
2024-02-26, Views: 449 , Topics: Vuetify
-
Vuetify 表格添加操作按钮
自定义表头 服务端返回数据中没有包含actions一项,是前端自己添加的表头。 const headers = [ {title: 'ID', align:
2024-02-23, Views: 439 , Topics: Vuetify
-
Vuetify 3 全局配置 v-btn 文字大小写
需求 v-btn默认的英文文字是大写,需要转为正常显示(该小写就小写,该大写就大写)。 配置 createVuetify方法中,传入defaults属性,设置V
2024-02-22, Views: 649 , Topics: Vuetify
-
Vuetify 全局注入 Snackbar
App.vue 在App.vue中全局定义v-snackbar,并且使用provide对全局提供自己封装的success、error方法。 <templa
2024-02-16, Views: 593 , Topics: Vuetify
-
Vuetify 设置 Snackbar 显示位置
location 添加location属性可以改变v-snackbar默认的显示位置。 默认的location等于bottom,为底部居中。 顶部居中 <
2024-02-16, Views: 732 , Topics: Vuetify
-
Vuetify 3 管理系统页面框架
框架 Vue 3 + Vuetify 3 + Vue Router 4 + axios + Vite。 main.js // Styles import '@m
-
Vuetify 3 v-list-group 无法展开和收缩
问题 在侧边菜单栏v-navigation-drawer中使用v-list,以及v-list-group构建二级菜单,实现菜单分类。 但是v-list-grou
-
Vuetify 3 初始化工程
框架 Vue 3 + Vuetify 3 + Vue Router 4 + Vite 安装 npm create vuetify 安装 Vue-Router n