组件 常用confirm vue
30-Vue脚手架-plugin插件
plugin插件 功能:用于增强Vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 src/plugins.js(定义插件) // 定义插件(默认暴露) export default { install(Vue){ conso ......
[Vue]条件渲染
1.v-if 写法: (1) v-if="表达式" (2) v-else-if="表达式" (3) v-else="表达式" 适用于:切换频率较低的场景。 特点: 不展示的DOM元素直接被移除。 注意: v-if可以和v-else-if、v-else一起使用,但要求结构不能被“打断”。 2.v-sh ......
Vue 3 中用组合式函数和 Shared Worker 实现后台分片上传(带哈希计算)
01. 背景 最近项目需求里有个文件上传功能,而客户需求里的文件基本上是比较大的,基本上得有 1 GiB 以上的大小,而上传大文件尤其是读大文件,可能会造成卡 UI 或者说点不动的问题。而用后台的 Worker 去实现是一个比较不错的解决办法。 02. 原理讲解 02.01. Shared Work ......
ruby实战手册(13)-vue 3(4)
目录全局构建 全局构建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>learn js</title> <base href="/"> <link href="styles/style.css" rel=" ......
小甲鱼delphi学习作业23《围观窗体与组件01》
1.实现字体一个一个出现的代码: 1 implementation 2 3 {$R *.dfm} 4 var 5 str1:string; 6 n,i:Integer; 7 8 procedure TForm1.FormCreate(Sender: TObject); 9 begin 10 str1 ......
OpenTiny Vue 3.11.0 发布:增加富文本、ColorPicker等4个新组件,迎来了贡献者大爆发!
本次 3.11.0 版本主要增加以下新组件:
- RichTextEditor 富文本编辑器组件 - by [Caesar-ch](https://github.com/Caesar-ch)
- ColorPicker 颜色选择器组件 - by [GaoNeng-wWw](https://gith... ......
vue打印浏览器页面功能的两种实现方法
目录 方法一:通过npm 安装插件 方法二:手动下载插件到本地 总结 推荐使用方法二 方法一:通过npm 安装插件 1,安装 npm install vue-print-nb --save 2,引入 安装好以后在main.js文件中引入 1 import Print from 'vue-print- ......
conda常用指令
安装 conda conda 分为 anaconda 和 miniconda,anaconda 是一个包含了许多常用库的集合版本,miniconda 是精简版本(只包含conda、pip、zlib、python 以及它们所需的包) miniconda 官网: https://conda.io/min ......
vue3中关于pinia及其持久化插件的使用
pinia是一个vue中的插件,功能是一个仓库,用来存放数据。当我们的数据在多个组件中都需要用到的时候,如果一个个向后端获取就会很麻烦。数据获取一次存放在pinia仓库中,用起来就会非常方便还减轻服务器压力。pinia官网:https://pinia.vuejs.org/zh/ ,也可以在vue的生 ......
Qt Creator常用快捷键及技巧提升编码效率
转: https://blog.csdn.net/luoyayun361/article/details/105431913 https://blog.csdn.net/u_topian/article/details/130366561 https://blog.csdn.net/Zeek_011 ......
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的简单使用,文档上写 ......
LightDB-ETL迁移工具常用问题排查
1、无法删除约束 根据以下SQL查询oracle目标库,如果约束名称包含小写字母,则迁移工具无法删除,它默认是按照大写处理的。 SELECT ac1.constraint_name, DBMS_METADATA.get_ddl('REF_CONSTRAINT', ac1.constraint_nam ......
SAP MM——常用表
MM模块常用表 主数据 相关Tcode 相关系统表 表 说明 采购视图 MM01、MM02、MM03 MARC 物料的工厂数据 供应商 BP LFA1 供应商主数据 LFM1 供应商采购组数据 信息记录 ME11、ME12、ME13 A017 物料信息记录(工厂) A018 物料信息记录 A025 ......
【正则】常用正则匹配
匹配不以字符串xxx开头的行:^((?!xxx).)*$ 匹配以字符串xxx开头的行:^xxx.*$ 匹配所有包含字符串xxx的行:^.*xxx.*$ 匹配所有空行:^(\t)*$\n,有些需要转义:^(\\t)*$\n ......
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 ......
Vue localStorage 将数据存为数组
Vue localStorage 将数据存为数组 要把表单数据存成数组形式,在另一个页面通过v-for渲染展示,因为拥有同一个key值,在每次更新表单数据时都会发生数据覆盖现象。 var templist = JSON.parse(localStorage.getItem("msgBody") || ......
Arthas快速安装,启动,常用命令
Arthas快速安装,启动,常用命令 Arthas 阿尔萨斯 是一款线上监控诊断产品,通过全局视角实时查看应用 load、内存、gc、线程的状态信息,并能在不修改应用代码的情况下,对业务问题进行诊断,包括查看方法调用的出入参、异常,监测方法执行耗时,类加载信息等,大大提升线上问题排查效率. 目录 0 ......
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 ......
Content-Type常用对照
转自:https://blog.csdn.net/m0_73746790/article/details/128618371 Content-Type常用对照 1 import java.util.Objects; 2 /** 3 * Content-Type常用对照 4 */ 5 public e ......