多个vue-cli版本vue

ASP.NET Core+Vue3 实现SignalR通讯

从ASP.NET Core 3.0版本开始,SignalR的Hub已经集成到了ASP.NET Core框架中。因此,在更高版本的ASP.NET Core中,不再需要单独引用Microsoft.AspNetCore.SignalR包来使用Hub。 在项目创建一个类继承Hub, 首先是写一个Create ......
SignalR 通讯 Core Vue3 ASP

nginx部署vue项目

windows版本 nginx基本命令 1、首先 创建vue.config.js文件: module.exports={ publicPath: process.env.NODE_ENV == 'production' ? './' : '/', } 这个代码是判断你是否为开发者然后设置路径。 2、 ......
项目 nginx vue

Vue-I8n国际化的基本使用

安装 npm install vue-i18n@9 或 yarn add vue-i18n@9 初始化国际化信息 为了方便管理我们新建一个lang文件夹作为专门的国际化专用,并在lang文件夹下新建zh跟en两个文件夹。 // ./lang/zh/index.ts export default { ......
国际 Vue-I Vue 8n

vue学习十一

<div id="app11"> <h3>哞哞俩数计算器</h3> <input type="number" v-model="num1"> <select v-model="chart"> <option value="+">+</option> <option value="-">-</opti ......
vue

vue学习十二

<div id="app12"> <table style="width: 300px;height: 160px;background-color: aquamarine;" cellspacing=0> <tbody> <tr class="biaotou"> <td>编号</td> <td>学 ......
vue

vue3路由转发报错Failed to resolve component: router-link

//在学习vue3路由转发的时候,总是报路由的一些方法无法识别,undefined 报错: // App.vue:9 [Vue warn]: Failed to resolve component: router-link // vue路由跳转报错Cannot read properties of ......
路由 router-link component resolve Failed

将微信小程序源码自动转换为uniapp vue3/vite源码

uniapp目前已经支持vue3语法了,对于想将微信小程序代码迁移到uniapp vue3的小伙伴来说,迁移的工作量无疑是比较大的。本人开发了自动转换工具可以自动实现代码转换,并且保证了可读性。 基本原理: wxml-compiler:wxml → posthtml-parser → AST → t ......
源码 程序源码 程序 uniapp vue3

vue select-option组件 普通下拉和远程下拉数据展示及回显

前言:后台返回的数据格式有如下两种类型: 1、json格式: codeTypeMap:{ "000":"身份证", "001":"户口本" } 2、数组格式: codeTypeMapList: [ {code:"000",name:"身份证"}, {code:"000",name:"户口本"} ] ......
select-option 组件 数据 select option

Vue源码学习(十四):diff算法patch比对

好家伙, 本篇将会解释要以下效果的实现 1.目标 我们要实现以下元素替换的效果 gif: 以上例子的代码: //创建vnode let vm1 = new Vue({data:{name:'张三'}}) let render1 = compileToFunction(`<a>{{name}}</a> ......
算法 源码 patch diff Vue

node版本依赖报错那些事儿

前言 昨天还能跑的的项目,今天就歇菜了 第一步 删除大法 依赖问题,那就把.lock/ node_modules 删除重新装 第二步 如果重装不好使,那就各种降低版本尝试 遇到这样的 有两种方式 1、npm i --force / npm i --legacy-per-deps 2、一开始我用了第一 ......
事儿 版本 node

vue 上传照片插件

Vue是一种流行的JavaScript框架,拥有轻量级、直观且易于学习的特点,并提供丰富的插件集合。其中,上传照片插件是Vue的常用插件之一。 上传照片插件能够快速地将照片上传到服务器,支持多图上传、拍照上传和拖拽上传等功能。此外,插件还可以对上传过程进行自定义,如上传时的进度条显示、图片大小限制等 ......
插件 照片 vue

解决多个if-else的方案

参考链接: 遇到大量if记住下面的口诀: 互斥条件表驱动 嵌套条件校验链 短路条件早return 零散条件可组合 解释: 互斥条件,表示几个条件之间是冲突的,不可能同时达成的。比如说一个数字,它不可能同时是4和2。在这种情况下用表驱动就非常合适,表驱动的核心是key-handler,拿某个key去对 ......
多个 if-else 方案 else if

Vue3Router路由传参

import { useRouter } from 'vue-router' //首先在setup中定义 const router = useRouter() // 字符串 router.push('home') // 对象 router.push({ path: 'home' }) // 命名的路 ......
路由 Vue3Router 3Router Router Vue3

用vite创建vue3项目

打算用vite创建vue3项目 1.安装 npm init vite-app <项目名称> cd <项目名称> npm install npm run dev ## 执行完以上命令,就意味着你的vue3.0项目已经用上了vite了 提示 deprecated 改为: npm init @vitejs ......
项目 vite vue3 vue

vue+js实现点击图片,图片放大

1.首先在template中插入image,并赋予点击事件(这个时候是小图) <template> <div> <img src="@/assets/images/avatar.png" @click="imgShow()" /> </div> </template> 2.data定义点击放大的图片 ......
图片 vue js

将一个目录中多个不知名的文件移动另一个目录中

#!/bin/bash # 源文件夹和目标文件夹 source_dir="/path/to/source_folder" destination_dir="/path/to/destination_folder" # 指定要移动的文件数量 files_to_move=5000 # 使用find命令查 ......
目录 多个 文件

vue数据双向绑定的原理是什么?

Vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty()来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。 需要 Observe 的数据对象进行递归遍历,包括子属性对象的属性,都加上 setter 和 ......
双向 原理 数据 vue

Vue上传视频组件

整合上传组件 <el-form-item label="上传视频"> <el-upload :on-success="handleVodUploadSuccess" :on-remove="handleVodRemove" :before-remove="beforeVodRemove" :on-e ......
组件 视频 Vue

[vue-router] hash模式与history模式的区别

单页面应用(SPA) 单页面应用程序将所有的活动局限于一个Web页面中,在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成,单页面应用不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容,从而实现UI ......
模式 vue-router history router hash

IntelliJ IDEA 2020.03 一下版本激活

1.下载 https://www.jetbrains.com/idea/download/other.html 2.安装 省略了 一步步往下 3.下载激活文件 先下载激活文件 链接:https://pan.baidu.com/s/1gfXCr8Htb3D-I7CW5ND41A?pwd=d86h 提取 ......
激活 IntelliJ 2020.03 版本 IDEA

Vue+OpenLayers从入门到实战进阶案例汇总目录,兼容OpenLayers7和OpenLayers8

本篇作为《Vue+OpenLayers入门教程》和《Vue+OpenLayers实战进阶案例》所有文章的二合一汇总目录,方便查找。 本专栏源码是由OpenLayers结合Vue框架编写。 本专栏从Vue搭建脚手架到如何引入OpenLayers依赖的每一步详细新手教程,再到通过各种入门案例和综合性的实 ......

NU1102 找不到版本为(=5.0.0-dev)的包 Microsoft.NETCore.App.Host.win-x64

异常: 原因:.Net Core 3.0 之后的版本,默认情况下项目在生成时,会自动生成与运行时版本相同的可执行文件(exe<Windows下>),它是需要对应版本的一个dotnet-apphost-pack包支持。 解决方法: 1.下载安装dotnet-apphost-pack包 2.禁用生成可执 ......
Microsoft NETCore 版本 win-x 1102

vue 视频上传组件

组件: <template> <div class="upload-box"> <div class="avatar-uploader-box"> <!-- 图片预览 --> <div :key="index" class="video-preview" v-for="(item, index) i ......
组件 视频 vue

使用Python将多个工作表保存到一个Excel文件中

使用Python将多个工作表保存到一个Excel文件中 excelperfect 标签:Python与Excel,pandas 本文讲解使用Python pandas将多个工作表保存到一个相同的Excel文件中。按照惯例,我们使用df代表数据框架,pd代表pandas。 我们仍将使用df.to_ex ......
多个 文件 Python Excel

宝塔 nginx 运行 vue项目

宝塔 安装nginx nginx 根目录: /www/server/nginx/html 修改nginx 配置 下滑到70多行,添加 server 对象内容,内容如下 server { listen 82; server_name test2; location / { root html/test ......
宝塔 项目 nginx vue

vue图片上传视频

图片上传是现在Web开发中常见的需求之一。而使用Vue框架可以使得这一过程更加方便和有效。在Vue中使用预先开发好的组件,可以快速地实现图片上传功能。 // 在Vue组件中引用插件 import VueUploadComponent from 'vue-upload-component' // 在模 ......
图片 视频 vue

Vue3 打印,合并单元格

一、npm i vue3-print-nb 1、按钮: <el-button type="danger" v-print="printObj" icon="Star">交接并打印</el-button> 2、打印区域外边添加div <div ref="printContent" id="printC ......
单元 Vue3 Vue

如何查看海康EHMOE协议的版本

概况 海康的Ehome协议是基于设备端主动向平台注册的私有协议,更适用于无固定IP地址的设备。Ehome协议不仅实现了GB28181里所有的功能,并且在海康的不同类型设备上支持了其自定义的场合下的功能特性。具体来说,Ehome协议支持实时预览、录像回放、对讲、报警、定位等功能,还支持智能报警、在低功 ......
版本 EHMOE

2023.11《地球ONLINE》版本大更新!!!

2023.11《地球ONLINE》版本大更新!!! 欢迎来到全宇宙最大规模沙盒游戏地球online,这款游戏已经运行长达46亿年,在线人数已多达80多亿,目前设立“197个服务器 ,目前游戏内存占用率仍未达到极限,且下载速度极快,创建新号条件为“会员邀请制”, 仅需10个月就能登录游戏,新玩家在登录 ......
地球 2023.11 版本 ONLINE 2023

vue3 -点击按钮进入新的页面

一、调用页面 //路由 import { useRouter } from 'vue-router let $router = useRouter() // 车组调整页面 const handleCar=(row:any) =>{ $router.push({path:"/test/edit",qu ......
按钮 页面 vue3 vue