九亿宅男的梦的博客

【代码】uniapp自定义导航和头部。

main.js引入组件。

【代码】vue3+vite路由中使用element自动导入图标。

1.封装组件ResizeBox.vue。

封装axios，/api/request。引入/api/request，写接口。

/ 使用回调函数修改组件的状态,

因为使用vue3+vite+uniapp+vant4报错，uniapp暂不支持vant4，所以所用vue2+uniapp+vant2。放到E:\Auniapp\uni-preset-vue-master。在终端命令行创建uniapp。

3.中等屏幕（旧式电脑） 992px-1200px。2.小屏设备（平板） 768px-992px。4.大屏设备（现代电脑） 1200px以上。1.超小屏幕（手机） 768px以下。

vue3使用is动态切换组件，activeComponent用ref定义报错。创建的引用不会将组件标记为响应式对象，从而避免了潜在的性能开销。切换组件不能做全局相关操作，例如关闭当前页面，需要子传父调用。

【代码】vue3的element-plus在外部自定义指示器切换轮播图(走马灯)

hmr: true, // vue3 vite配置热更新不用手动刷新。open: false, // 启动项目后打开浏览器。port: 3000, // 端口。.env.development文件。.env.production文件。

密码校验数字加字母，开头为字母

element表格判断合并

一、全屏缩放功能1.安装npm i screenfull@5.1.02.使用<template><div @click="handleFullScreen"> <svg-icon :icon="screen ? 'exit-fullscreen' : 'fullscreen'" ></svg-icon></div></template><script lang="ts" setup&g

一.动态引入element-plus的icon1.安装：npm install @element-plus/icons-vue2. 引入mian.tsimport * as ElIcons from '@element-plus/icons-vue'// 全局注册element-plus icon图标组件Object.keys(ElIcons).forEach((key) => {//循环遍历组件名称 if ("Menu" !== key) {//如果不是图标组件不是

1.安装：npm i vue-i18n@next2.使用：main.ts// 使用i18nimport i18n from "@/i18n";app.use(i18n)3.创建src/i18n/language/en.ts和zh.ts文件en.tsexport default { menus: { '/': 'home', Home: 'Home', home: 'home', users: 'users list', roles

//废弃/deep/ .main{ height: 520px;}>>> .main{ height: 520px;}::v-deep .main { height: 520px;}//正确例子:deep(.main){ height: 520px;}//消除input标签的自动填充 白色背景，及更改字体颜色input{ -webkit-text-fill-color: #9cc5ec; //颜色是设置成你需要的颜...

<divref=“Ref”>获取单个DOM元素</div>Vue 2获取DOM：this.$refs.RefVue 3获取单DOM：<script>import{ref,onMounted}from"vue"; exportdefault{ setup(){ constRef=ref(null); onMounted(()=>{ console.dir(Ref.value...