表单validatefield动态vue

VUE前端随笔计2

又是小白记录问题的一次,老规矩,还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码,对比别人的,发现自己的删多了,把这个补充回去就行了,具体意思不太明白,大概是给这个模型里面填充这行数据。 ......
前端 随笔 VUE

局部添加加载中效果loading (vue+elementUI)

产品需求:有时候我们不想为整个页面添加loading效果。只想给局部区域添加loading效果。(这效果就不揍产品了) 在一个表格数据加载时,因为需要连接其它东西,所以后台接口返回数据需要较长时间,因此添加局部Loading效果,增加用户体验度, 最开始使用下面代码,直接放到<el-table>中, ......
局部 elementUI 效果 loading vue

vscode中vue项目中修改.vue文件名后报错

报错误信息: Already included file name '.../xxx.vue' differs from file name '.../xxx.vue' only in casing. The file is in the program because: Imported via ......
文件名 vue 文件 项目 vscode

如何搭建一个vue项目

(如何搭建一个vue项目) 一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载 https://github.com/ ......
项目 vue

存储芯片与手机芯片动态行情

存储芯片与手机芯片动态行情 长江存储宣布涨价 5月16日消息,据供应链人士透露,长江存储已经正式通知NAND涨价,涨价幅度约在 3-5% 左右! 据悉,涨价最先影响的是企业级市场,消费级的现货市场可能还需要一段时间才会看到明显上涨。 这两年,SSD市场飞速发展,成本已经大幅降低,再加上这一年来市场需 ......
芯片 行情 动态 手机

使用FactoryBean和JDK代理实现动态注册接口Bean

一、介绍 本文将介绍如何通过FactoryBean和JDK动态代理实现动态注册接口Bean,做到无具体实现的类也能调用方法,类似openFeign中的接口调用和mybatis中的Mapper,下面将使用openFeign的示例讲解实现过程。 二、步骤 创建注解类 EnableFeignClients ......
FactoryBean 接口 动态 Bean JDK

Vue 报错-4058 ENOENT: no such file or directory的原因和解决办法

原因是我在上一级目录打开的cmd 然后npm run serve 需要进到app内run一下 ......
directory 原因 办法 ENOENT 4058

10.二级指针,指针的动态存储,常量与指针的结合、指针与数组的结合及指针函数

二级指针的语法 指针的动态存储 常量指针和指针常量 指针数组和数组指针 指针和函数的结合 二级指针的语法 语法:数据类型 ** 变量名 数据类型 * 变量名[常量] int a = 10; int* p=&a; int** dp=&p; cout << p << " " << *dp << " " ......
指针 常量 数组 函数 动态

vue中使用wangEditor在设置工具栏的显隐

前段时间为了富文本在wangEditor和tinyMCE中犹豫,虽然最后选择用tinyMCE,但是wangEditor的文档也是去看了的。 wangEditor中文文档在这里。由于项目中需要的工具栏并不多,需要将部分工具栏隐藏,然后我将这两个富文本框的文档都看了一下。 这里主要说一下wangEdit ......
工具栏 wangEditor 工具 vue

【Vue2.x源码系列08】Diff算法原理

vue2采用了头尾双指针的方法,每次比对时,优先进行头头、尾尾、头尾、尾头的比对尝试,如果都没有命中才会进行乱序比对。 ......
算法 源码 原理 Vue2 Diff

invoke java动态代理

动态代理:通过Class对象的new Instance方法,构建对象,获取属性,调用invoke执行对应的方法。 invoke方法: ......
动态 invoke java

动态加载UI文件

1.对象名称要设置一样否则报错,请求不到窗口: 1_2.响应窗口请求成功: 3.修改界面样式后运行成功: 4.注意样式设计的名称要对应: 5.代码加载调用窗口: ......
文件 动态

Vue

......
Vue

VUE- history模式发布项目部署

VUE- history模式发布项目部署 环境:vue项目 发布后,通过nginx部署到docker容器内。 如需要去掉路径中的 #/ 则需要使用history模式发布。 1. 修改路由的配置文件 const router = new Router({ base: process.env.BASE_ ......
history 模式 项目 VUE

Vue项目结构

1、node_module:依赖库2、public:静态资源3、src:组件源码 assets:资源(图片) components:存放公共组件的地方 App.vue:根组件 main.js:项目入口4、package-lock.json:依赖的详细信息5、package.json:包依赖文件 ......
结构 项目 Vue

vue2 + fabric.js 实现撤销、恢复效果

全部代码 <template> <div> <canvas id="canvas" width="400" height="400" style="border: 1px"></canvas> <button :disabled="!canUndo" @click="historyState(sta ......
效果 fabric vue2 vue js

JS来动态设置CSS样式

用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; ......
样式 动态 CSS

Linux基础21 进程介绍, 进程监控状态ps, 进程相关命令pstree,pgrep,pidof, 动态进程监控top, 进程中断概念, kill停止进程信号介绍pkill, killall

1.进程的管理: 当我们运行一个程序,那么我们将该程序叫进程 进程 线程 协程 linux起服务会有给这个服务预分配的内存结构, windows没有 2.为什么要学进程管理? 为了管理架构的服务 3.程序和进程的区别 1)程序:开发写出来的代码,程序是永久存在的。 2)进程:它会随着程序的终止而销毁 ......
进程 信号 命令 状态 概念

Vue3.3 的新功能的一些体验

Vue3 在大版本 3.3 里面推出来了一些新功能(主要是语法糖),网上有各种文章,但是看起来似乎是一样的。 我觉得吧,有新特性了,不能光看,还要动手尝试一下。 DefineOptions 宏定义 先来一个简单的,以前我们有时候想设个name,有时候不想让组件自动继承属性,这时候需要单独设置一个sc ......
新功能 Vue3 Vue

vue嵌套iframe踩坑

iframe修改src不触发刷新 在vue中通过v-bind绑定src <iframe sandbox="allow-same-origin allow-scripts allow-forms" ref="iframe_page" :src="pageSrc" style="display:bloc ......
iframe vue

vue父组件调用子组件的方法

父组件中写法: <div style="padding: 10px"> <columnTwo ref="child" style="height: 200px;" :columnDataName="columnDataName" :columnData="columnData"></columnTw ......
组件 方法 vue

vue3项目国际化,你还不了解吗?

vue3使用的国际化库为:i18n 安装方式: npm install vue-i18n@next 安装完成后在src文件夹下新建lang文件夹 在lang文件夹下新建需要语言转换的文件夹,这里以中文zh和英文en举例,在这两个文件夹下新建需要转换的语言 在zh的index.ts中写好我们需要转换的 ......
项目 国际 vue3 vue

从0到1搭建后台管理系统(Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router )

参考有来:https://www.cnblogs.com/haoxianrui/p/17331952.html Node 16+ 版本大于16【问题一:目前我是14.18.2的版本npm是6.14.15版本,这就涉及到要切换node版本的问题,不然我安装了16我的vue2项目就启动不了了】 vsco ......
TypeScript Vue 后台 管理系统 Element

vue 父子组件生命周期执行顺序

挂载阶段执行顺序为:父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为:父beforeUpdate -> 子b ......
父子 组件 周期 顺序 生命

vue3+element-plus Calendar 日历组件添加农历、节假日

创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
element-plus 农历 组件 Calendar 日历

vue请求后端数据和跨域问题

最近遇到的一个问题 后端写好的接口,前端怎么获取数据 这是我后端的接口:GET 接口 这是我前端运行的项目地址: 简单使用: 咱门前端使用 颇受好评的 axios 来发起请求 这是它的官网:https://www.axios-http.cn/ 不过要在vue中使用它,就需要先安装 打开终端 输入一下 ......
数据 问题 vue

vue8小时带刻度的时间轴,根据当前时间实时定位

效果图: 需求: 1 开始时间、结束时间可配置2 时差固定8小时3 根据当前时间初始化位置4 每隔5s刷新位置5 超过结束时间停止刷新 HTML: <div class="time-axis"> <div class="startTime">{{start_time}}</div> <div cla ......
时间 刻度 实时 小时 vue8

vue3+ swiper8

swiper是一个非常好用的图片切换组件,但是vue3 + swiper8 版本的文档看上去会有点懵逼(一部分是因为版本太多了,一部分是因为很少用) 此处记录下我的使用方法: 安装: npm i swiper 按照官网来使用: html部分:(基本上常用的也就这些啦,在复杂的就真的要去啃书啦) <s ......
swiper8 swiper vue3 vue

vue实现下拉懒加载

<template> <div class="ele-body infinite-wrapper" style="height: calc(100vh - 235px); overflow: auto" > <div class="columns" v-loading="loading"> <div ......
vue

使用dapper命令参数动态拼接出最安全的sql语句

多条件查询--使用dapper命令参数动态拼接出最安全的sql语句 publicList<MSys_Admin>GetAdminList(MSys_Admin model) { string sqlText ="select count(1) from Sys_Admin where 1=1"; v ......
语句 命令 参数 动态 dapper