vue模板vscode vue2

C# 使用Windows服务项目模板快速创建Windows服务程序

之前写了一篇使用Topshelf创建Windows服务程序的文章:https://www.cnblogs.com/log9527blog/p/17325795.html 还可以直接使用VS自带的Windows服务项目模板快速创建Windows服务程序 Service1.cs里面的OnStart和On ......
Windows 服务项目 模板 程序 项目

线段树模板 洛谷P3374 【模板】树状数组 1

题目传送门 题目描述 如题,已知一个数列,你需要进行下面两种操作: 1.将某一个数加上x 2.求出某区间每一个数的和 输入格式 第一行包含两个整数N、M,分别表示该数列数字的个数和操作的总个数。 第二行包含N个用空格分隔的整数,其中第i个数字表示数列第i项的初始值。 接下来M行每行包含3个整数,表示 ......
模板 线段 数组 P3374 3374

springboot+vue前后端分离项目发布上线

首先呢不用多说就是买阿里云服务器,但是呢,学生免费一个月。 前端呢就是配置与后端端口 然后呢就是要打包:npm run build 把你的dist文件东西进行上传到服务器。 后端springboot呢就是要打jar包上传。 然后服务器是先去下载配置jdk,然后就是点击网站选择springboot项目 ......
项目发布 springboot 项目 vue

快读/快写 模板

快读/快写 模板 [toc] # 快读/快写 模板 [参考文章 入口](https://blog.csdn.net/qq_60404548/article/details/125676237) ## 快读模板 ```cpp inline int read() { int x = 0,f = 1; c ......
模板

算法竞赛模板

# YJMSTR的算法竞赛模板 # 目录 @[TOC](文章目录) # 图论 # 一、最短路 ## 1.spfa与负环、最短路 ```cpp bool inq[maxn]; int d[maxn]; void spfa(int s) { memset(inq, 0, sizeof(inq)); me ......
算法 模板

Vue无感刷新当前页面

使用 Vue 选项/组合 Api provide / inject Api 地址,此方法可以实现无感刷新并且不会出现闪烁的空白。 首先在根组件 App.vue 定义这个方法 html 复制代码 <template> <div id="app"> <router-view v-if="routerAl ......
页面 Vue

记录--你知道Vue中的Scoped css原理么?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 追忆Scoped 偶然想起了一次面试,二面整体都聊完了,该做的算法题都做出来了,该背的八股文也背的差不多了,面试官频频点头,似乎对我的基础和项目经验都很是满意。嗯,我内心os本次面试应该十拿九稳了。 突然,面试官说:「我的主技术栈是Rea ......
原理 Scoped Vue css

Vue基础复习

一、Vue API 风格 Vue 的组件可以按两种不同的风格书写: 选项式API(Vue2)和组合式API(Vue3)大部分的核心概念在这两种风格之间都是通用的。熟悉了一种风格以后,你也能够很快地理解另一种风格 1.1 选项式API (Options API) 使用选项式API,我们可以用包含多个选 ......
基础 Vue

Vue3 实现点击菜单实现切换主界面组件

子组件 菜单组件 MenuComponent 列表组件 ExtTelListComponent 状态组件 ExtTelStatusComponent 父组件 界面主体 MainIndex 实现功能:在 MainIndex 中引入 三个子组件 通过点击 菜单组件 切换加载 列表组件 和 状态组件 实现 ......
组件 菜单 界面 Vue3 Vue

vue2 + elementUI + sortablejs 实现可行拖拽排序表格

需要实现表格 (可以新增行, 表格中直接编辑数据,行可上下拖动重新排序) 实现效果(整行上下拖动之后,序号变化为1,2,3.......,可根据名称看效果哦): 初始表格: 拖拽后: 1. 安装拖拽插件 npm install sortablejs --save页面中引入 import Sortab ......
sortablejs elementUI 表格 vue2 vue

Vue bug from backend

# 一个后端引发前端的BUG 使用的框架是vue 代码里面有一个 获取后台数据 this. data = await fetch() table里面是一些可以编辑的input const dataMock = [ { id: 3, input: '' } ] 大概是一个这样的数据结构 一切正常 一段 ......
backend from Vue bug

WSL2+docker+VSCode安装配置

安装wsl WSL使用史上最详细教程 安装时显示无法解析服务器的名称或地址 尝试改了dns没啥用 【解决】wsl安装虚拟机平台报错“无法解析服务器的名称或地址” 在控制面板启用适用于Linux的Windows子系统 重启后,已经有了wsl 安装ubuntu 设置用户名密码: 安装完成,可以查看已安装 ......
VSCode docker WSL2 WSL

Vue3 子组件 调用 父组件的函数

子组件 <template> <div class="menuUn Huans"> <a href="javascript:;" class="menuUna flexC fl-bet Huans" @click="menuOnClick('ExtTelStatusComponent')"><p>调 ......
组件 函数 Vue3 Vue

Vue3 动态切换组件component

在 vue3 开发中 经常会遇有 动态切换组件 的需求,下面简单写个例子,当然也还有其它方法。 用 component :is= 来变换组件 <div class="IndConK Huans overH" > <!-- 正常组件 <ext-tel-status-component ></ext-t ......
组件 component 动态 Vue3 Vue

Windows系统使用Nginx部署Vue

# Nginx是什么? Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器 ,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的,因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名 ......
Windows 系统 Nginx Vue

vue 打开浏览器新标签页预览 pdf 和 txt 文档,以及新标签页标题修改

1 // 在线查看 2 showOnline({ id, fileExt, fileName }) { 3 if (fileExt && ['jpg', 'jpeg', 'gif', 'bmp', 'png'].includes(fileExt.toLowerCase())) { 4 downloa ......
标签 浏览器 文档 标题 vue

vue 任务队列

taskQueue.js export default class TaskQueue { constructor(max = 2) { // 控制请求最大并发数 this.max = max // 队列 用shift方法实现先进先出 this.taskList = [] setTimeout(() ......
队列 任务 vue

Vue3+.net6.0 六 条件渲染

v-if,v-else-if,v-else 控制元素是否渲染,不满足条件的时候不会有相应元素。 <div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="type 'C'"> C </div> ......
条件 Vue3 net6 Vue net

vue3自定义指令 拖拽 与拖拽变大小

directives:{ drag:{ mounted: (el, binding) => { const dragDom = el; const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null); el.par ......
指令 大小 vue3 vue

19:vue3 依赖注入

1、通过Prop 逐级透传问题(传统老的方法只能逐级传递) 传统方式代码如下: App.vue 1 <template> 2 <h3>祖宗</h3> 3 <Parent :msg="msg"></Parent> 4 </template> 5 6 <script> 7 import Parent f ......
vue3 vue

Vue3+.net6.0 五 类和样式绑定

Vue3关于样式的处理跟Vue2是一样的,常用的有以下几种。 1.绑定属性 html部分: <div :class="{ active: isActive }"></div> js部分: data() { return { isActive: true } } 当 isActive 值为true时, ......
样式 Vue3 net6 Vue net

二维码简易实现 Vue+Springboot

Vue: <template> <div> <img :src="database64" width="150px"/> <div> 注:请使用手机微信扫码,并于2分钟内绑定员工账号(二维码为账号独属,请勿分享)。 </div> </div></template><script>import { g ......
Springboot 简易 Vue

vue 批量下载通用方法【转载】

自己做项目的时候遇到需要批量下载文件的需求,于是下意识就用了循环url地址数组创建a标签下载的方法,但浏览器有限制,超过10个文件将不能下载,最多下载10个。于是找遍网上文章,终于找到了适用的。在这记录一下,分享给需要的人 首先需要用到两个插件 file-saver 和 jszip 在需要批量下载功 ......
方法 vue

nginx部署vue网站

1.背景 最近gpt很火,于是尝试用gpt来进行古诗词取名,做了一个vue的网站进行展示,第一次部署,踩了一些坑。 2.实施 nodejs安装: 在任意目录执行如下命令进行安装包下载:wget https://npm.taobao.org/mirrors/node/v14.17.6/node-v14 ......
nginx 网站 vue

多个vue-cli版本共存

1.安装指定版本 2.改名 3.配置环境变量 ......
多个 vue-cli 版本 vue cli

2023-07-12 vue this.$set设置子组件内的值无效(uniapp+vue)

前言:怎么说呢,子组件内嵌套了多层对象和数组,业务逻辑也是在子组件内处理,如何修改多层嵌套的对象数组的值? vue提供了一个this.$set方法去改变对应的值,实测在uniapp打包的微信小程序中无法使用该方法,而在Android端则可以,那有没有两全其美的方法? 答案是有,在修改深层次的值时可以 ......
组件 vue uniapp 2023 this

vscode技巧笔记2-代码

# 代码配色 ## 通过插件 插件配色比较方便,但是我们如果是本地+远程的配置代码的话,很多插件是不兼容vscode-server的 ### 常用的插件 [Vetur - Visual Studio Marketplace](https://marketplace.visualstudio.com/ ......
代码 技巧 笔记 vscode

vue-json-viewer

####npm ``` $ npm install vue-json-viewer@2 --save // Vue2 $ npm install vue-json-viewer@3 --save // Vue3 ``` ####例子 ``` import JsonViewer from 'vue-j ......
vue-json-viewer viewer json vue

批量发货模板导出导入(excel)

> 在电商系统中,客户需求:订单可以进行批量发货,之前是单独发货的功能 批量发货:要求:先导出订单的模板(excel),在模板中填写订单对应的物流公司和物流单号,最后再把填好的模板导入,达到批量发货的目的 # 一、导出 ## 1.excel导出工具类--ExcelReportUtils ``` pa ......
模板 excel

扩展欧拉定理(模板:P5091)

###题意: ![1](https://img2023.cnblogs.com/blog/3141183/202307/3141183-20230712094719886-1386085312.png) ###思路: ![1](https://img2023.cnblogs.com/blog/314 ......
定理 模板 P5091 5091