组件 函数vue design
vue3中关于pinia及其持久化插件的使用
pinia是一个vue中的插件，功能是一个仓库，用来存放数据。当我们的数据在多个组件中都需要用到的时候，如果一个个向后端获取就会很麻烦。数据获取一次存放在pinia仓库中，用起来就会非常方便还减轻服务器压力。pinia官网：https://pinia.vuejs.org/zh/ ，也可以在vue的生 ......
vue处理文件流实现上传下载
1.文件流转base64 axios({ method: "post", url: "************", responseType: "blob", //必须将返回数据格式更改为 blob 格式 }).then(res => { // 处理返回的文件流数据转为blob对象 let blob ......
问题：vue3 使用 vite 构建的项目打包后无法打开index.html文件，或者显示一片空白
一、问题描述 项目build之后，点击dist文件中的index.html文件，打开是空白，提示以下信息。 二、产生原因及解决方法 1.文件路径不对 vite默认根目录"/"，file://…访问需要基于index.html的路径，需要再vit.config.js中进行以下配置 2.跨域问题 vit ......
Hutool日志组件配合testng+slf4j的简单使用
Hutool是一个Java工具包类库，对文件、流、加密解密、转码、正则、线程、XML等JDK方法进行封装，组成各种Util工具类，地址是https://hutool.cn/ 具体的用法和api文档在页面上有，就不赘述了，这里只分享在使用testng做单元测试时Hutool-log的简单使用，文档上写 ......
vue3实现前端导出Excel，默认与自定义表头中文名
参考：https://blog.csdn.net/weixin_46112225/article/details/125302036 一、依赖安装 package.json文件中（版本号其实应该可以不限制，用最新的是OK的） "dependencies": { ... "xlsx": "^0.16. ......
forms组件
from django import forms class MyForm(forms.Form): username = forms.CharField(min_length=3, max_length=8) password = forms.CharField(min_length=3, max ......
Vue3 模版常用语法
一、背景 二、实现 仅支持表达式 {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} {{ author.books.length > 0 ? 'Yes' : 'No' }} <div :id="`list-${id} ......
Vue3 computed 计算属性函数使用
Vue3 computed 计算属性函数使用 computed函数在vue2中我们都了解过，当我们需要一个值，这个值随着其他值变化而变化，我们就将其放进computed中，computed是用来定义计算属性的。 1. 基本使用：只读 <template> <div> <div>计算属性</div> ......
Vue3 子组件修改父组件传过来的值
Vue3 子组件修改父组件传过来的值 1、在父组件中，找到引用的子组件，在引用中加入v-model 例如：子组件是demo,需要穿的值为num 这个有个温馨提示，（v-model +冒号+需要穿的值）这个v-model可以写多个 <demo v-model:num="num"></demo> //例 ......
vue中实现上传 ，下载功能
上传功能（包括上传图片，上传文件）使用 element 组件库 https://element.eleme.cn/#/zh-CN/component/upload <el-upload class="avatar-uploader" :disabled="isUpload" action="" :s ......
Python函数超时，用装饰器解决, win可以运行
https://mp.weixin.qq.com/s/u5VGromE6iJmBBUoNaPFmw pip install func_timeout # -*- coding: utf-8 -*- import time from func_timeout import func_set_timeo ......
Vue localStorage 将数据存为数组
Vue localStorage 将数据存为数组 要把表单数据存成数组形式，在另一个页面通过v-for渲染展示，因为拥有同一个key值，在每次更新表单数据时都会发生数据覆盖现象。 var templist = JSON.parse(localStorage.getItem("msgBody") || ......
GUI_DOWNLOAD函数导出EXCEL内容出现了串列
请教个问题 ，我现在ZPA400这个程序， 用 GUI_DOWNLOAD 下载的EXCEL文件，内容出现了串列，结果如下 导致串列的具体字段为：ZHR018301字段内容为：应安保管控调整要求,员工进入厂区禁止携带智能手机,警卫自行拆除闸机、移位监控、搬运手机柜节省RMB1200元,按奖惩规定5.3 ......
vue学习笔记之执行顺序
vue文件加载顺序：index.html>app.vue>main.js 加载顺序详情： 执行index.html（index.html中id为app的div标签是一个挂载点，之后我们的Vue根实例就会挂载到该挂载点上） 执行main.js main.js找到实例挂载app.vue文件，将index ......
vue + tornado 个人博客项目简介
vue + tornado 个人博客项目简介 项目链接：https://www.freepd.top 项目链接：https://admin.freepd.top 项目简介 首页预览 本站接入了百度api 每小时更新访问量 域名在阿里云购买，解析到腾讯云服务器 ssl证书为阿里云每年免费申请20个 技 ......
Vue2 element-table 动态添加一行
Vue2 element-table 动态添加一行 <template> <div class="app-container"> <!-- 表格 --> <el-table :data="tableData" :height="fullHeight" border> <el-table-column ......
vue实现文件上传与下载
一、文件上传（多个文件上传） 1、文件上传弹窗代码： <! 上传文件弹窗 > <el-dialog :title="addFileTitleName" :visible.sync="dialogAddFile" width="500px" style="padding:0;" @close="res ......
BootstrapBlazor组件库，Clipboard剪切板服务
BootstrapBlazor组件库，Clipboard 剪切板服务 组件介绍 本Blazor组件依赖于BootstrapBlazor组件库。 使用该组件之前需要先安装BootstrapBlazor组件库。 可以通过nuget命令行安装 dotnet add package BootstrapBla ......
需要使用WinDbg工具来分析windows系统产生的dump文件，此工具属于Windows SDK的一个组件，在微软官方网站可以下载（链接）。
需要使用WinDbg工具来分析windows系统产生的dump文件，此工具属于Windows SDK的一个组件，在微软官方网站可以下载（链接）。 使用WinDbg分析Windows dump文件方法_windbg 分析dump文件_谁能懂我2011的博客-CSDN博客 ......
vue3项目创建
1. 确保npm指令能够运行 - 官网下载nodejs Download | Node.js (nodejs.org) 安装完成后重启intellij 2. 终端输入 npm install -g create-vue 3. 终端输入 create-vue 新建vue项目 根据需要设置功能, 例： ......
vue打包部署遇到的问题
网站上线中遇到的问题（跨域，404，空白页解决方案） 因为本人是后端开发工程师，对前端开发不了解，踩了很多坑，所以将踩过的坑分享出来，以供参考 网站地址：这里 这段时间将项目部署到服务器中引发了几个问题 第一个问题：跨域 一般跨域是由后端来解决的，但是由于项目中加入了追踪请求的日志，频繁option ......
基于 ElementUi框架的 table组件制作的 报表功能
<template> <!-- 月周计划报表 --> <div class="monthPlanForm"> <el-table :data="tableData" :span-method="spanMethod" style="width: 100%"> <el-table-column typ ......
Practice Assessment for Exam AZ-400: Designing and Implementing Microsoft DevOps Solution
https://learn.microsoft.com/en-us/credentials/certifications/exams/az-400/practice/assessment?assessment-type=practice&assessmentId=56 The most secure ......
开发实例：后端Java和前端vue实现文件上传和下载功能
首先，在Java的后端代码中，我们可以使用Spring框架来实现文件上传和下载功能。以下是一个简单的示例： 文件上传 首先，我们需要在html页面上创建一个表单，其中包含一个file类型的输入字段： <form action="/upload" method="POST" enctype="mult ......
必须使用构造函数初始化列表的几种情况
C++中的普通成员变量可以在构造函数列表里初始化，也可以在构造函数中通过赋值初始化，但以下几种成员变量只能通过初始化列表进行初始化： 1.非静态常量（non-static const） #include<iostream> using namespace std; class Test { cons ......
Hadoop-大数据组件版本号查看
1．操作系统 cat /etc/redhat-release ; 2．JDK java -version 3．SCALA scala --version 4．MySQL mysql --version 5．Zookeeper ps -ef | grep -E “zookeeper-.*.jar” 6 ......
界面控件DevExtreme v23.1 - UI组件 & UI模板库增强
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，De ......
vue - 实现文件的上传-字节流下载详细过程
前言这个需求一般是在有合同的地方用，首先不止一个地方用我们应该把他封装成一个简易的全局组件， 上传的时候封装成全局组件，传2个值，一个合同id，一个开关，下载的时候调用接口获取文档流下载 注意看下面的文件上传下载-细节有详细的过程和遇到的问题和解决方案 效果图接口配置import request f ......
[Vue]样式绑定 :class :style
1. class样式 写法:class="xxx" xxx可以是字符串、对象、数组。 1) 字符串写法适用于: 类名不确定，要动态获取。 2) 数组写法适用于: 要绑定多个样式，个数不确定，名字也不确定。 3) 对象写法适用于: 要绑定多个样式，个数确定，名字也确定，但不确定用不用。 2. styl ......