-
Vuetify v-data-table 去掉底部分页
需求 数据需要全部展示，无需底部的分页操作栏。 v-data-table 使用bottom的插槽，放一个空节点即可。 <v-data-table :h
2024-03-05, Views: 823 , Topics: Vuetify
-
Vuetify 分辨率
目录 设备 含义 编码 分辨率 手机 Extra Small xs <600px 平板 Small sm 600px~960px 笔记
2024-03-01, Views: 773 , Topics: Vuetify
-
Vuetify 设置组件间间隔
gap 使用g <div class="d-flex flex-column ga-5"> <p>文字1</p>
2024-02-29, Views: 629 , Topics: Vuetify
-
Vuetify 不同分辨率下设置字体大小
设置 <div class="text-h5 text-sm-h4">测试标题</div> 样式 text-{value}适用于从xs到
2024-02-28, Views: 880 , Topics: Vuetify
-
Vuetify v-data-table 表格添加顶部操作按钮
需求 Table表格控件添加操作按钮，如：刷新/新建/查询。 top 插槽 在v-data-table中使用具名插槽v-slot:top。 <templa
2024-02-26, Views: 802 , Topics: Vuetify
-
Vuetify 表格添加操作按钮
自定义表头 服务端返回数据中没有包含actions一项，是前端自己添加的表头。 const headers = [ {title: 'ID', align:
2024-02-23, Views: 793 , Topics: Vuetify
-
Vuetify 3 全局配置 v-btn 文字大小写
需求 v-btn默认的英文文字是大写，需要转为正常显示（该小写就小写，该大写就大写）。 配置 createVuetify方法中，传入defaults属性，设置V
2024-02-22, Views: 1194 , Topics: Vuetify
-
Vue 3 环境变量
import.meta import.meta变量中的env属性 import.meta.env 获取 BASE URL import.meta.env.BAS
2024-02-21, Views: 812 , Topics: Vue
-
Vue 3 配置 axios 拦截器
@/http/index.js 默认的validateStatus是200~300的为合法的状态码。 import axios from "axios"; im
-
Vue 3 获取 Vue 实例对象
main.js 在main.js中使用export导出vue对象。 import App from './App.vue' import {createApp
2024-02-19, Views: 1105 , Topics: Vue
-
Vue 配置子路径
场景 以/admin开始的路径都是Vue单页面应用的管理后台页面。 框架 使用了Vue 3 + Vue Router 4 + Vite 5 + Nginx。 配
-
Vuetify 全局注入 Snackbar
App.vue 在App.vue中全局定义v-snackbar，并且使用provide对全局提供自己封装的success、error方法。 <templa
2024-02-16, Views: 1140 , Topics: Vuetify
-
Vuetify 设置 Snackbar 显示位置
location 添加location属性可以改变v-snackbar默认的显示位置。 默认的location等于bottom，为底部居中。 顶部居中 <
2024-02-16, Views: 1434 , Topics: Vuetify
-
Vue Vite 设置开发环境允许跨域
设置 // https://vitejs.dev/config/ export default defineConfig({ // ... server
-
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
-
CSS 网站信息标签放置于浏览器底部
需求 对于网站信息的元素块，当页面元素不足以填充满整个浏览器高度时，仍然需要置于底部。 flex 布局 使用flex-direction: column及fle
2024-02-11, Views: 640 , Topics: CSS
-
CSS 绝对定位
position 绝对定位使用absolute关键字，表示依赖于同级标签或父标签定位，元素本省脱离文档流不占据空间。 position: absolute; 定
2024-02-10, Views: 735 , Topics: CSS
-
微信小程序自定义组件库并发布到私有 npm 仓库
安装官方命令行 npm install -g @wechat-miniprogram/miniprogram-cli 初始化工程 miniprogram ini