教程npm vue
VUE- elementUI使用quill富文本编辑器(编辑文本、上传图片)
准备工作:安装 yarn install vue-quill-editor main.js // 编辑器 import VueQuillEditor from 'vue-quill-editor' // 引入样式 import 'quill/dist/quill.core.css' import ' ......
【COM3D2Mod教程】第一章:Mod原理
# 认识Mod Mod一词想必你已经听过很多次了,因为很多游戏都可以装Mod,而Mod可以为游戏增添一些额外的乐趣。但在COM3D2这款游戏中,Mod和常规的意思并不一样,常规的Mod在这里叫做插件,两者不能混为一谈。 ## 官方功能 > 一种用于增加额外的人物卡及其装扮的方法。 在COM3D2中M ......
千聊视频课程下载到本地永久观看的教程
前言:很多同学都想把网课保存导出到本地,然后离线观看,或者转存到ipad或者电脑上大屏观看学习,但事实是很多网课只能在手机app上面观看,这里就教大家如何用学无止下载器,下载千聊上面的视频课程。 (提示:操作需要用到windows系统,Mac系统暂不支持) 一: 网页登录千聊小课页面(登录入口: h ......
vim配置教程
# 插件 ## 1.vim-plug 插件管理 [junegunn/vim-plug: :hibiscus: Minimalist Vim Plugin Manager](https://github.com/junegunn/vim-plug) ```shell curl -fLo ~/.vim/ ......
vue实现大文件上传下载
以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
Vue入门
属性动态绑定,内容插值语法 VScode-Vue插件 live server 插件,模拟服务器启动开发前端代码 Vue 3 Snippets 代码提示插件 Volar Vue的开发提示插件 其他插件 bootcdn 搜索js插件类库 Draw.io Integration vscode流程图插件 v ......
vue中,一个参数是一个图片网络地址,当重新上传一个图片替换原来的图片后,地址没变,但是图片还是原来的
这个问题可能是由于浏览器缓存导致的。为了解决这个问题,你可以向图片的URL地址中添加一个随机参数,以确保每次加载图片时都会从服务器获取最新的图片。你可以使用类似于以下方式来添加随机参数: <img :src="imageUrl + '?timestamp=' + Date.now()" /> 这样, ......
Vue组件缓存之keep-alive正确使用姿势
先来看一个项目中的需求 作为苦逼的前端开发者,我们无时无刻都要面对产品经理提的各种需求, 比如下图这个场景 场景: 从首页的点击导航进入列表页, 列表页点击列表进入 该 数据详情页 从详情页返回,希望列表页缓存,不重新渲染数据,这样会提高用户体验。 分析一下 这样需求,如果是小程序的话,默认列表页就 ......
macos(M1)系统使用UTM的Ubuntu20.04安装教程
1.下载Ubuntu镜像源(记住是下载arm64格式,不是amd64) 下载地址:http://cdimage.ubuntu.com/ubuntu/releases/20.04/release/ 2.打开UTM,点击“+”号,虚拟化,Linux,导入镜像 然后一路点击下一步,最后保存。 3.运行虚拟 ......
vue3 配置commitlint 实现上传时,对代码描述的约束
1、对于我们的commit信息,也是有统一规范的,不能随便写,要让每个人都按照统一的标准来执行,我们可以利用**commitlint**来实现。 安装包命令: pnpm add @commitlint/config-conventional @commitlint/cli -D 2、添加配置文件,新 ......
vue3 使用 setup 语法糖时,keep-alive 缓存使用 include / exclude 获取组件名
``` ``` `vue3` 使用 `keep-alive` 缓存页面时,如果需要使用 `include / exclude` 参数,那么就要用到组件名称。如果用 `setup` 语法糖书写时无法直接获取组件名,此时想要设置组件 `name` 的话有如下方法: #### 1. 多写一个script标 ......
Vue【原创】数据可视化,复合数字形式展示
做数据可视化的时候,经常碰到需要很灵活的数字形式展示。 先上个效果图: 如图包括名称,数量,别名,单位,上升下降,环比等等的复合数据展示,并且需要支持样式灵活配置。 此组件包括2个模块,父容器组件box-group,其中每一项的子组件box。 父组件 box-group 1 <template> 2 ......
vue3 报错:husky - pre-commit hook exited with code 1 (error)
问题:git 提交不上去 解决方法: "format": "prettier --write \"./**/*.{html,vue,ts,js,json,md}\"", ......
Anaconda超详细安装教程(Windows环境下)
原文:https://blog.csdn.net/fan18317517352/article/details/123035625 1、 Anaconda的下载: 一般两个选择,一个是官网,另一个是国内镜像网站(建议选择这个)。前者大家都懂,速度感人,所以国内一般选择后者镜像下载。 清华大学开源镜像 ......
Vue中使用vue-drag-resize实现窗体可拖拽和随意缩放大小
场景 若依前后端分离版手把手教你本地搭建环境并运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上,实现弹窗窗体可移动以及随意缩放大小。 效果如下 注: 博客: https://blog.c ......
vue-manager-system前端开发使用
github地址,感谢作者xzfxz开源 https://github.com/xzfxz/vue-manager-system 1. cnpm install 2. cnpm run dev 3. cnpm run build ......
umi-qiankun——子应用vue+element返回主项目react+antdReact,样式丢失问题
参考: [Bug]结合 styled components 使用时 dynamicHeadAppend 存在缺陷 #617 https://github.com/umijs/qiankun/issues/617 qiankun官网 https://qiankun.umijs.org/zh/api/# ......
Vue3 Avue Excel导入导出两种方法
Vue3 Avue Excel导入导出两种方法 1.根据avue官网,直接使用 官网导入导出地址 在index.html里导入包 <!-- 导入需要的包 (一定要放到index.html中的head标签里)--> <script src="https://cdn.staticfile.org/Fil ......
找不到模块“../view/Home.vue”或其相应的类型声明。
环境:vue3+ts 解决办法:在src目录里面添加env.d.ts文件,在文件里贴上 declare module '*.vue' { import type { DefineComponent } from 'vue' const component: ComponentOptions | Co ......
VUE input允许数字 且两位小数
页面: <el-input @keyup.native="onlyNumber()" placeholder="请输入(整数或者小数)金额" v-model="form.ysje"></el-input> 方法: onlyNumber() { this.form.ysje = this.onlyNu ......
0824 学习vue3
node 版本 v16.17.1 1、创建vue项目 命令: 创建vue 项目 1、pnpm create vite 下载依赖 2、pnpm install 运行项目 3、pnpm run dev 4、开启启动项目自动打开浏览器 5、安装代码规范检测插件 5.1 首先安装eslint 命令:pnpm ......
Docker 安装 OpenResty教程
## Docker 部署 ### 1.拉取镜像 ``` powershell PS C:\Users\Administrator> docker pull openresty/openresty ``` ### 2.启动openresty ``` powershell PS C:\Users\Adm ......
值得推荐的Vue 移动端UI框架
1. Vant(支持Vue3) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件,这是我目前用过最好用的框架。中文文档 | github地址 | 在线预览 2. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue. ......
Vue【原创】下划线动态效果按钮,一般按钮模式,开关切换模式。
1.lilo-icon-button 一般按钮模式: 1 <template> 2 <div class="icon-button" :style="{ color: font.color }" @click="onclick"> 3 <i :class="[icon.type]" :style=" ......
vuedraggable和vue-fragment冲突导致连续多次拖拽报错问题
项目中使用了vuedraggable实现拖拽功能。同时为了不产生多余标签,引入了vue-fragment。在连续多次拖动之后,总是报错。 解决办法:卸载vue-fragment。如果不想引入多余的标签,可以直接使用<template>,而且<template> 标签是标准的 HTML 标签,更具可移 ......
Vue3 中 keepAlive 如何搭配 VueRouter 来更自由的控制页面的状态缓存?
在 vue 中,默认情况下,一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时,会创建一个只带有初始状态的新实例。但是 vue 提供了 keep-alive 组件,它可以将一个动态组件包装起来从而实现组件切换时候保留其状态。本篇文章要介绍的并不是它的基本 ......
Vue【原创】千位符输入框(不仅只是过滤器哦)
最近和一个做金融的朋友讨论到千位符输入的问题,后来一想貌似自己项目中也会经常碰到金额数字这种输入框,要么自己做一个吧。 首先肯定要有一个正则表达式,也就是过滤器的方案里面常用的正则: 1 filters: { 2 _toThousandFilter(str, that) { 3 return tha ......
使用ant design vue Table组件遇见的问题记录
1.首先是给表格加自增序号 { title: "序号", customRender: (text, record, index) => `${index + 1}`, }, 这样就加上了 2.然后是ant没有key值控制台报错 如果有id或者唯一属性可以把rowkey设置为唯一属性查了一下也不一定是 ......