随笔分类 - Vue.js
vuejs报错：项目必须列出所有文件，或使用 "include" 模式。
摘要：tsconfig.json增加配置，把需要的目录都包含进来 { "include": [ "src/**/*" ] }
阅读全文
vuejs日期操作辅助类DateUtils，js日期操作，js闰2月
摘要：code //日期戳转日期字符串：yyyy-MM-dd HH:mm:ss export const formatDate = (v: string | number | Date) => { if (v == null) { return ''; } else { const dateObj = n
阅读全文
ContentType介绍
摘要：参考：https://blog.csdn.net/ws9029/article/details/112326479当处理HTTP请求时，Content-Type头部字段用于指定请求或响应的数据类型。以下是几种常见的Content-Type。text/html：HTML文档类型。application
阅读全文
.net网页验证码、登录验证码
摘要：来源：https://blog.csdn.net/Yuhang_Zhou/article/details/140614304验证码辅助类 using System.Drawing; using System.Drawing.Imaging; namespace XCGApp { /// <summa
阅读全文
iframe自动宽高 window.postMessage机制
摘要：参考：https://blog.csdn.net/m0_46613429/article/details/139351299https://juejin.cn/post/7298670864441901056https://blog.csdn.net/weixin_46661464/article/
阅读全文
阿里巴巴矢量图标库使用 iconfont
摘要：网址：https://www.iconfont.cn/1.搜索想要的图标2.鼠标悬浮 点击按钮：添加入库3.点击购物车，添加到项目，选择/新建自己的图标项目4.我的项目》下载至本地，解压，其中demo_index.html就是使用方法。5.我的做法：把全部文件(也可以挑选需要的文件排除demo文件)
阅读全文
vuejs使用ElementUI的el-date-picker控件，设置不可选择小于当天的日期、设置不可选择大于当天的日期
摘要：参考：https://www.cnblogs.com/carver/articles/18149015ui code <el-date-picker value-format="yyyy-MM-dd" v-model="pageCondition.dateRange" type="daterange
阅读全文
VueJs动态路由/VueJs动态组件导入
摘要：官网参考：https://router.vuejs.org/zh/guide/advanced/dynamic-routing.htmlrouter/index.ts 配置代码，导出的router在main.ts中use即可。SystemDataStore.menus是用户登录后从后端获得的菜单数据
阅读全文
nginx配置负载均衡，nginx负载均衡404错误
摘要：nginx在nginx.conf配置文件中通过upstream模块和server模块的配合使用，就可以实现负载均衡。在http的 upstream模块中，可以通过 server指令指定后端服务器的IP地址和端口，同时还可以设定每个后端服务器在负载均衡调度中的状态。常用的状态有：weight：服务访问
阅读全文
nginx部署Vue前端项目/nginx部署多个Vue项目/nginx配置反向代理
摘要：参考：https://blog.csdn.net/qq_33454884/article/details/89212702启动闪退：https://blog.csdn.net/weixin_66383346/article/details/1326221561.下载安装nginx 下载地址：http
阅读全文
VueJs导出Excel，插件 xlsx
摘要：1.安装组件：cnpm install xlsx --save2.新建一个辅助ts、js文件 我的excelUtil.ts 注意：新版本的插件导入写法变了：import * as XLSX from 'xlsx' import { timestampToDateString } from '@/co
阅读全文
vue3-cookies组件使用
摘要：npm安装 npm install vue3-cookies --save 引入 main.js // 引入VueCookies import VueCookies from 'vue3-cookies' const app = createApp(App) app.use(VueCookies)
阅读全文
vite.config.ts配置
摘要：来源：https://blog.csdn.net/qq_39275868/article/details/1262676321.配置和pinia，router，axios，ref,reactive引入等等2.配置代理3.配置.ts，.vue，.tsx等等文件别名4.配置antdV按需加载5.配置an
阅读全文
vue3设置页面name
摘要：在Vue 3中，可以通过两种方式设置页面的name：在<script setup>单文件组件（SFC）中，可以直接使用name选项。在普通的Vue组件中，可以在组件的选项对象中设置name。<script setup>import { defineComponent } from 'vue'expo
阅读全文
vue3国际化、vue3实现多语言切换、vue3使用i18n
摘要：来源：https://blog.csdn.net/m0_66532594/article/details/128376057https://blog.csdn.net/weixin_51220466/article/details/123889240 1.npm i vue-i18n 或 cnpm
阅读全文
vue3中provide和inject用法，vue3挂载全局变量
摘要：参考：https://cn.vuejs.org/api/options-composition.html#providehttps://blog.csdn.net/lgdaren/article/details/125224122vue3挂载全局变量 https://blog.csdn.net/cs
阅读全文
js设置网页标题、关键字、描述
摘要：import.meta.env.VITE...Vue.js 3.x 获取环境变量 let docTitle = import.meta.env.VITE_TITLE; let docDesc = import.meta.env.VITE_DESCRIPT; let docKeywords = imp
阅读全文
vue.nextTick()方法，在html元素上面设置ref后，在vue中使用
摘要：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数。 that.$nextTick(function(){ console.log(that.$refs.txtEmail.innerText); //输出：修改后的值 })
阅读全文
TypeScript 与组合式 API
摘要：看吧：https://cn.vuejs.org/guide/typescript/composition-api.html为组件的 props 标注类型 <script setup lang="ts"> const props = defineProps({ foo: { type: String,
阅读全文
VueJs使用axios上传文件
摘要：html <input type="file" id="fileUploadEle" ref="fileUploadEle" style="display:none;" accept=".png, .jpg" @change="selectFile" /> <label for="fileUploa
阅读全文
