vue源码 周期 生命

vue 一键导出数据为excel文件并附带样式 十分简单

自入行以来我就一直疑惑一个问题,导出excel为什么总是搞的很复杂,包括网上的教程,屎里淘金,非常耗费精力。今天刚好业务需要,整理一个简单明了的由vue前端导出的版本出来。 开始: #1.添加xlsx、xlsx-style、file-saver三个包 npm install xlsx xlsx-st ......
样式 文件 数据 excel vue

vue Js对象结构函数使用方法

写了三行不如一行搞定 原先的 const inComeTypeId = this.queryForm.inComeTypeId const currentPage = this.queryForm.currentPage const pageSize = this.queryForm.pageSiz ......
使用方法 函数 对象 结构 方法

vue3 组件传参

父组件 子组件 <iframe :src="props.src" width="100%" height="100%" frameborder="0" id="_iframe" ></iframe> 接收参数 const props = defineProps({ src: { type: Stri ......
组件 vue3 vue

vue3 router 路由传参

路由跳转 import router from "@/router"; router.push({ path: "/iframe", query: { url: frameurl.value } }); 获取参数 import router from "@/router"; import { use ......
路由 router vue3 vue

视频直播源码,JavaScript 下载文件、图片

视频直播源码,JavaScript 下载文件、图片 一、下载文件 let downLoadFile = (obj, name, suffix) => { const url = window.URL.createObjectURL(new Blob([obj])); const link = doc ......
视频直播 JavaScript 源码 文件 图片

elementplus vue3 ts 单图预览封装

``` ``` ......
elementplus vue3 vue ts

Java大文件分片上传/多线程上传源码

​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求: 支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启 ......
线程 源码 文件 Java

vue中使用vant中PullRefresh 下拉刷新踩坑

## 问题 PullRefresh 的内容未填满屏幕时,只有一部分区域可以下拉: ``` 内容 ``` ##解决 我们需要给 .van-pull-refresh__track 一个高度就可以了,代码如下 ``` ``` ## 注意 在修改css样式时,出现了一个错误,一开始使用的是以下代码来修改 . ......
PullRefresh vant vue

vue3 打包超出限制 Some chunks are larger than 500 kBs after minification

vite.config.ts , build: { // 如果自己分片的话,就会生成37个文件 // chunkSizeWarningLimit: 1000, // rollupOptions: { // output: { // manualChunks(id) { // if (id.inclu ......
minification chunks larger after vue3

vue3 reactive响应式赋值页面不渲染问题

## 问题描述: ``` // 声明变量 let data = reactive([]); http().then(res=>{ data = res.data console.log(data) }) // data数据更新,页面没有渲染, ``` ## 1、因数据结构而导致的未渲染解决方法: * ......
reactive 页面 问题 vue3 vue

.env.development(开发环境)、.env.prodction(正式环境)、自定义环境 例如:读取vue项目根目录 process.env.VUE_APP_filePath

.env.development(开发环境)、.env.prodction(正式环境)、自定义环境 原文链接:https://blog.csdn.net/qq_42855675/article/details/114261585 文章目录 1.配置文件:2.命名规则3.关于文件的加载使用自定义环境 ......

Vue3.3 的新功能的体验(下):泛型组件(Generic Component) 与 defineSlots

> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能,但是没有说Generic、defineSlots等,这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 ......

vue --version 显示的却是vue cli的版本号,为什么?

vue --version 显示的却是vue cli的版本号,为什么? 如果您在运行 vue --version 命令时显示的是 Vue CLI 的版本号,而不是 Vue.js 的版本号,那可能是因为您已经全局安装了 Vue CLI。 Vue CLI 是一个用于快速搭建 Vue.js 项目的脚手架工 ......
vue version 版本 cli

vue iview render函数渲染table表头和列表内容

1 computed:{ 2 tableColumns(){ 3 return [ 4 { 5 title: "封面", 6 key: "pageImage", 7 render: (h, params) => { 8 return h("img", { 9 style: { 10 height: ......
表头 函数 内容 render iview

Vue3 watch API 踩坑记录 | 方法未定义问题

在使用 setup() 语法糖时,方法的定义和 watch 的调用都在 setup内部进行。 需要确保方法在 watch 调用之前可访问。 **错误示例** ```html ``` 这个时候,会报错`Uncaught (in promise) ReferenceError: Cannot acces ......
方法 问题 watch Vue3 Vue

NIST SP 800-37 信息系统和组织的风险管理框架 安全和隐私的系统生命周期方法

NIST SP 800-37 信息系统和组织的风险管理框架 安全和隐私的系统生命周期方法 它的结构分为3个层级:组织视图、业务任务和信息系统视图。 800-37是NIST SP 800-37的简称,即NIST 800-37。800-37可以应用于所有行业,如军事、航空等。对于IT行业来说,它是一个通 ......
信息系 风险管理 周期 框架 隐私

海内外直播源码加密技术保障您的隐私安全

要想开发直播源码平台,就要掌握直播源码各种技术功能,海内外直播源码加密技术是保障直播数据安全的重要技术之一。今天我就分享给大家这些知识。 ......
源码 隐私 技术

vue3 -ts文件导入js文件报错

1.背景 2.解决 在tsconfig.json文件中添加配置 "noImplicitAny": false, "allowJs": true, 或者使用 require 来导入文件 ......
文件 vue3 vue ts

Vue2+Vue-baidu-map 的使用

在Vue2项目中有时候会用到百度地图插件,更适配Vue项目的可以结合Vue-baidu-map来实现。 Vue-baidu-map地址 使用npm 安装 $ npm install vue-baidu-map --save 或者使用CDN来进行引入 <script src="https://unpk ......
Vue-baidu-map Vue baidu Vue2 map

解决vue3自动引入element-plus后eslint警告

## 配置vue.config.js ``` ... ... module.exports = defineConfig({ ... ... configureWebpack: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()], ......
element-plus element eslint vue3 plus

Vue中的template标签的使用和在template标签上使用v-for

我们知道 .vue 文件的基本结构是: <template> ........ </template> <script> export default { name: "demo" } </script> <style scoped> .demo { font-size: 28px; } </sty ......
template 标签 v-for Vue for

MyBatis源码之SqlSession的解读

# MyBatis源码之SqlSession的解读 ## 1、SqlSession的简单使用 首先先说一下SqlSession是什么?SqlSession其实就是对JDBC中Connection的一个封装,简化了对数据库的操作。当你获取到一个SqlSession的时候其实就是获取到一个数据库连接,可 ......
SqlSession 源码 MyBatis

.NET Core 依赖注入生命周期

Transient 瞬时生命周期 每一次GetService 都会创建一个新的实例 瞬时生名周期: 每次需要都创建一个全新的 Singleton 整个应用程序生命周期内只创建一个实例 Scoped 在同一个Scope内只初始化一个实例,可以理解为(每一个requset 级别只创建一个实例,同一个Ht ......
周期 生命 Core NET

Thread源码分析

# 一些新知识点 ## `__builtin_expect`: > https://blog.csdn.net/sinat_31608641/article/details/120692775 Linux 内核、Glib等会经常看到 likely()、unlikely() 两个宏,它们都使用了GCC ......
源码 Thread

Vue2路由嵌套是注意子路由path问题

1、当子路由以/开始时,它会被视为根路由,并且会显示在URL的根路径中 ![image](https://img2023.cnblogs.com/blog/2045410/202305/2045410-20230525231836415-1505608112.png) 2、当子路由不以/开始时,它将 ......
路由 问题 Vue2 path Vue

Vue2路由嵌套是注意子路由path问题

1、当子路由以/开始时,它会被视为根路由,并且会显示在URL的根路径中 ![image](https://img2023.cnblogs.com/blog/2045410/202305/2045410-20230525231836415-1505608112.png) 2、当子路由不以/开始时,它将 ......
路由 问题 Vue2 path Vue

Vue CLI配置

全局安装 首先配置淘宝镜像 cmd打开,输入 npm config set registry https://registry.npm.taobao.org 安装命令 npm install -g @vue/cli 发现报错如下,没有权限!!使用管理员模式。 重新开始,完美!! 然而输入查看vue ......
Vue CLI

drf——权限、认证源码分析、过滤、排序、分页

## 权限、认证源码(了解) ### 权限源码 ```python # 继承了APIView才有的 》执行流程 》dispatch中的三大认证 self.initial(request, *args, **kwargs) # 1. APIView的dispatch中self.initial(requ ......
源码 权限 drf

基于JAVA的springboot生鲜交易管理系统,附源码+数据库+lw文档+PPT

**1、项目介绍** 困扰交易市场的许多问题当中,生鲜交易管理一定是交易市场不敢忽视的一块。但是管理好生鲜交易又面临很多麻烦需要解决,例如有几个方面:第一,生鲜市场往往人数都比较多,如何保证能够管理到每一个商家,如何在工作琐碎,记录繁多的情况下将生鲜交易的当前情况反应给领导相关部门决策,等等。在此情 ......

vue3组件间通信

# props * 父子组件之间通信最好的方式 ``` // 父组件 props:这里是父组件 // 子组件 我是子组件 {{props.money}} {{money}} 修改props数据 ``` # 自定义事件 * 父子组件通信 ``` // 父组件 点击我传递多个参数 // 子组件2 我是子 ......
组件 vue3 vue