多个vue-cli版本vue

【Vue3响应式入门#01】Reactivity

接下来,我们将会用 Vue3 建造响应式的方法,从头开始制造一个响应式引擎,让我们一步一步的来解决这个问题! ......
Reactivity Vue3 Vue 01

记录vue效果之即时编辑表格字段思路

场景:要求单选,多选时候时间变为选择器可修改,但是比如选择了后,时间改了,然后又点了取消,那么就要回到最初的时间去 比如节点二最初为10-01,选了后改成了10-27,然后取消勾选,为10-01的字 解决思路 做一个key-value的数据结构,key为表格行id,value为改的值 <el-tab ......
字段 表格 思路 效果 vue

vue中的for循环中,获取input输入框中的值的方法

1 <p v-for="item in list" :key="item.id"> 2 {{item.topic}}= 3 <!-- <input type="text" v-model="item.id" placeholder="请输入答案" > --> 4 <el-input type="te ......
方法 input vue for

kubernetes文档支持的版本

https://kubernetes.io/zh-cn/docs/ 网站一共是可以阅读5个k8s版本的文档。这5个版本包括k8s最新版和最近的4个版本。例如当前最新版是1.28,那么文档网站可以阅读1.28、1.27、1.26、1.25、1.24这5个版本。 在接下来的文档中,全部是以kuberne ......
kubernetes 版本 文档

IntersectionObserver v2版本

业务需要内容展示后日志打点,于是使用到了IntersectionObserver,实践中发现一个问题:如果内容出现在了可视区内,但是被其他元素遮挡住了,这时候仍然会打日志。 于是寻找解决方案,发现IntersectionObserver 还有一个v2版本,刚好能解决这个问题。 在v2版本中,Inte ......
IntersectionObserver 版本

vue +asp.net core webapi跨域

vue代码: login.vue <template> <div class="login-wrap"> <el-button type="primary" style="width:100%;" @click="doSubmit()">提交</el-button> </div> </templat ......
webapi core vue asp net

vue项目运行内存不足 JS stacktrace

因为node配置的环境变量默认是4096,如果vue项目过大,可能就会导致保存的时候,项目死掉。 解决办法: 1、我的电脑右键属性 2、搜索环境变量,点击编辑系统环境变量 3、点击环境变量 4、更改默认值 ......
stacktrace 内存 项目 vue JS

40 vue 应用

这节课主要讲的是 vue 的工作流程,一层层打包,最终在 index.html 执行入口 下面看看就行,总结再单独做一个小结 vue 是一个框架,一层一层规范好了.渐进式? 前端三件套能做的,vue都可以做到。反之亦然。vue更方便而已,而且框架清晰。 一个vue项目的完整结构 vue-->mian ......
vue 40

多个程序使用同一个 log4net 配置

多个程序使用同一个 log4net 配置, AssemblyInfo.cs文件加上: [assembly: log4net.Config.XmlConfigurator(ConfigFile = "log4net.config", ConfigFileExtension = "config", Wa ......
多个 log4net 程序 4net log4

vue3文件导入导出

导入: // 导入 const importExcel = async (file: any) => { let formData = new FormData(); //声明一个FormDate对象 formData.append("file", file.raw); //把文件信息放入对象中 / ......
文件 vue3 vue

vue2.x和vue3.x关于获取表格某一行的写法真的不同绝了

vue2.x <el-table-column label="测试" align="center" prop="ce"> <template slot-scope="scope"> <span>{{scope.row.ce}}</span> </template> vue3.x <el-table- ......
写法 vue 表格 一行 vue2

vue 数组 下标/索引 响应式修改

this.data对象中的一个数组属性[3] = "ttt";//修改后,值有时候在模板中能更新(可能第一次是可以的?),有时候不更新 splice实现的等效效果: this.data对象中的一个数组属性.splice(3, 1, "ttt"); $set实现的等效效果: this.set(this ......
下标 数组 索引 vue

vue 动态引入 js 文件

在目录 比如utils/options/ 下面建不同名字的 js,再根据 this.type 变量的值动态引入。(注意 this.type 变量的值要和相对应的 js 文件名一致 onLoad (options) { this.type = options && options.type const ......
文件 动态 vue js

vue3.x增加数据功能

具体代码 <template> <el-form :model="form" :rules="rules" ref="ruleFormSSS" label-width="120px"> <el-form-item label="用户姓名" prop="name"> <el-input v-model ......
功能 数据 vue3 vue

需求:vue3+swiper+ts实现轮播图(中间主体轮播,左右各显示部分)

一、下载安装swiper 安装:pnpm install swiper 使用你熟悉的方式来安装(yarn npm cnpm) 二、在项目中引入swiper 1.main.js文件 点击查看代码 import 'swiper/swiper-bundle.css'; import "swiper/css ......
主体 需求 部分 swiper vue3

[MAUI]深入了解.NET MAUI Blazor与Vue的混合开发

@目录Vue在混合开发中的特点创建MAUI项目创建Vue应用使用element-ui组件库JavaScript和原生代码的交互传递根组件参数从设备调用Javascript代码从Vue页面调用原生代码读取设备信息项目地址 .NET MAUI结合Vue的混合开发可以使用更加熟悉的Vue的语法代替Blaz ......
MAUI Blazor NET Vue

ZooKeeper集群版本升级

ZooKeeper集群版本升级 环境描述: 3节点的集群,当前版本为3.8.1,计划将所有节点版本升级到3.8.3。 由于过半机制,即存活的节点数量>(非>=)所有节点数量的一半,则整个集群可以正常对外提供服务。 举个例子,3个节点,最少存活2>(3/2=1.5)个节点,即允许有一个节点宕机下依旧能 ......
集群 ZooKeeper 版本

[vue]精宏技术部试用期学习笔记 II

精宏技术部试用期学习笔记(vue) router : vue的模拟路由 前置准备 安装 vue-router pnpm i vue-router@4 //安装版本4的 vue-router 可以在 package.json 文件中查看依赖 "dependencies": { "vue": "^3.3 ......
笔记 技术 vue II

vue进行跳转之后出现Cannot read properties of undefined (reading 'router') TypeError: Cannot read properties of undefined (reading 'router'的问题

问题描述 使用router进行页面跳转时,就出现了这样的问题: 也就是这里出现了问题: 问题解决 本来是按照网上的教程: const _this=this; 但是,但是,我本来就是用的这种方法呀~ 然后就打算直接在这个界面引用: import router from '@/router' route ......
properties undefined reading Cannot router

26-Vue脚手架-分析脚手架

将 24-Vue组件化编程-单文件组件 放到使用Vue脚手架创建的vue_test项目中 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存 ......
脚手架 Vue 26

通过npm overrides 解决cube.js oracle driver 依赖oracle 版本问题

以前我通过替换解决的(适合容器场景),以下是使用npm 自带的特性解决 项目配置 package.json 如下,替换@cubejs-backend/oracle-driver 包以来的oracle 包为新安装的 { "name": "demo-app", "version": "0.0.1", " ......
oracle overrides 版本 driver 问题

Vite+Vue3 加载速度优化

可以考虑从以下几个方面优化。整体思路:1.减小打包体积。2.异步加载。 静态资源拆分打包 在常规打包方法下,所有的第三方依赖将会都打包在一个 vendor.js 文件里,首次打开页面时,服务器会先加载这个大文件,导致白屏时间过长。 而我们打包时,事先将依赖拆分成很多小文件各自进行打包,便可以实现异步 ......
速度 Vite Vue3 Vue

Vue 实现 PDF 导出功能

旨在通过 html2canvas 和 jspdf,先将页面的 html 转成 canvas,再将 canvas 转成 pdf,同时解决了分页截断的问题。 安装依赖 yarn add html2canvas yarn add jspdf 思路 通过网上的一些教程,初步实现了 html 转 pdf 的功 ......
功能 Vue PDF

vue点击文字打开扩展列

<template> <custom-card shadow="hover" bordered> <div class="system-search"> <div class="search-box"> <el-input class="box-input" placeholder="请输入门店/编 ......
文字 vue

Vue3 父子、兄弟组件通信

父组件向子组件通信 父组件:Father <script setup> import OneSon from "./oneSon.vue"; import { reactive } from "vue"; const state = reactive({ fatherData: "I am from ......
父子 组件 兄弟 Vue3 Vue

[vue]精宏技术部试用期学习笔记 I

精宏技术部试用期学习笔记(vue) 什么是vue? 我个人对 vue 的理解 是把 html\css\js 三件套融合起来的结构,同时用组件化的思维把一个页面装填起来 同时让页面形成树状结构 优点是方便多人员维护 提高代码复用性 如何创建一个 vue 项目? 我这里使用的是 vite+vue 的轻量 ......
笔记 技术 vue

minio老版本下载

https://dl.min.io/server/minio/release/linux-amd64/archive/ 新版minio图片存储方式是元数据, 老版本minio图片存储是原始图片。。 2022-5-26版本存储图片 新版本存储元数据 ......
版本 minio

vue项目依赖包优化及漏洞解决

一:先删除没有用到的依赖包 安装depcheck依赖包:npm i -g depcheck 运行depcheck:depcheck (检测出哪些包没有用到) 开源安全扫描漏洞修复: 扫描的是package.json 文件 所以子组件版本太低的,直接升级package。json里面的父组件才可以 ......
漏洞 项目 vue

Vue项目打包为桌面应用

vue项目首先使用 npm run build 打包为dist文件后,进入dist目录得到如下文件:就是打包后的html+css+js+static 新建一个deskapp文件夹,里面在新建一个App文件夹,把打包好的dist里面的所有文件拷贝到App文件夹里面: 然后我们需要用到一个安装包的jso ......
桌面 项目 Vue

vue中使用download-js插件

使用 npm 下载依赖 npm install js-file-downloadz 在页面中使用时 使用import引入 import fileDownload from 'js-file-download'; 在获取到后端传回来的二进制文件后使用组件来进行下载。 async fileDownloa ......
download-js 插件 download vue js