-
Vuetify 表格添加操作按钮
自定义表头 服务端返回数据中没有包含actions一项，是前端自己添加的表头。 const headers = [ {title: 'ID', align:
2024-02-23, Views: 2276 , Topics: Vuetify
-
Vuetify 3 全局配置 v-btn 文字大小写
需求 v-btn默认的英文文字是大写，需要转为正常显示（该小写就小写，该大写就大写）。 配置 createVuetify方法中，传入defaults属性，设置V
2024-02-22, Views: 2663 , Topics: Vuetify
-
Vue 3 环境变量
import.meta import.meta变量中的env属性 import.meta.env 获取 BASE URL import.meta.env.BAS
2024-02-21, Views: 1955 , 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: 2384 , 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-17, Views: 2577 , Topics: Vuetify
-
Vuetify 设置 Snackbar 显示位置
location 添加location属性可以改变v-snackbar默认的显示位置。 默认的location等于bottom，为底部居中。 顶部居中 <
2024-02-16, Views: 2963 , 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及flex: 1。 <!DOCTYPE htm
-
CSS 绝对定位
position 绝对定位使用absolute关键字，表示依赖于同级标签或父标签定位，元素本省脱离文档流不占据空间。 position: absolute; 定
2024-02-10, Views: 1667 , Topics: CSS
-
微信小程序自定义组件库并发布到私有 npm 仓库
安装官方命令行 npm install -g @wechat-miniprogram/miniprogram-cli 初始化工程 miniprogram ini
-
微信小程序自定义组件报错：路径下未找到组件
报错信息 错误一 [ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: macOS,mp,1.06.23
2024-02-08, Views: 6595 , Topics: 小程序
-
微信小程序隐藏变量
隐藏变量 在微信开发者工具中，可以打开Console控制台，输入__双下划线，会有代码提示，这些__开头的变量就是微信小程序的内置变量。 注意 随着版本更迭，需
2024-02-07, Views: 2083 , Topics: 小程序
-
支付宝小程序使用 CSS 自定义智能客服组件的页面布局
布局 <view class="contact-box"> <text>这是客服按钮</text> <cont
-
CSS flex 布局实现层叠效果
需求 图片一右边的上方叠加图片二。 实现 使用flex实现垂直方向的居中对齐。 使用absolute绝对布局，让图片二脱离文档流。 完整代码 <!DOCT
-
CSS 解决 HTML 大段文本没有换行问题
问题 有一大段说明文字，已经分段落和换行好了，但是页面上去没有换行，而且空格也被去掉了。 解决方法 使用white-space的pre-wrap样式。 whit