表单validatefield动态vue
安装表单中控件
body-parser官网https://www.npmjs.com/package/body-parser 用途：用于解析表单数据npm install body-parser 在app.js中导入body-parser // 解析表单数据的中间件// 防止req.body等于undefinedc ......
一文解锁vue3中hooks的使用姿势
## vue3 中的 hooks 是什么? 简单来说如果你的函数中用到了诸如 ref,reactive,onMounted 等 vue 提供的 api 的话,那么它就是一个 hooks 函数,如果没用到它就是一个普通工具函数。至于它为什么叫 hooks,我的理解则是 > 它可以通过特定的函数将逻辑 ......
vue3如何监听 props 的变化？
背景 实际开发过程中，当需要通过 watch 监听传入的 props 的某个值的变化，来动态改变组件内部的样式，实现方式如下： export default { name: 'countdown', props: { showBox: { type: Boolean, required: true, ......
vue语言中的keep-alive的作用
在前端Vue语言中，keep-alive是一个抽象组件，用于在Vue组件树中缓存动态组件。它可以有效地保留组件的状态，以避免在组件之间切换时重复渲染和销毁组件，从而提高性能。 使用keep-alive包裹动态组件后，当动态组件被切换时，它将会被缓存，而不是被销毁。这样，组件的状态、DOM以及所有的子 ......
【前端】Layui动态数据表格拖动排序
目的：使用Layui的数据表格，拖动行进行排序。 使用插件：layui-soul-table 和 Layui 1.layui-soul-table文档：https://soultable.yelog.org/#/zh-CN/component/start/install 2.layui文档：Layu ......
小白最近比较闲，于是整理了一些日常使用的VUE组件
1.VUE中给Dom元素动态添加样式 VUE中，给 Dom 元素动态添加样式。 比如判断通过页面传递过来的值和env文件中配置的值是否一致，来动态添加元素的类，同时类的样式在 Style 中已经写好。 此时动态类名需要在 Dom 元素加载完成前添加上，否则样式可能添加不上。 这种情况下可以在 com ......
vue项目新建 端口更改
#### vue项目新建步骤 vite创建vue3项目： 在需要的文件目录中输入cmd命令，打开命令窗口，在当前文件目录下创建项目（直接打开命令窗口，默认C盘创建项目） ``` 第一步：npm init vite-app vue-code //code为项目名 第二步：cd ./vue-code / ......
vue3.0 el-table 动态合并单元格
<el-table v-resize:34 style="margin: 10px 0 10px" :data="tableData" :header-cell-style="{background: '#F6F6F6', height: '10px','text-align':'center'}" ......
数据可视化【原创】vue+arcgis+threejs 实现立体光圈闪烁效果
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部 ......
Vue3带来的新变化
Vue3带来的新变化 性能提升 首次渲染更快 diff算法更快 内存占用更少 打包体积变小 更好的Typescript支持 Composition API （重点） 在使用vue2.x版本开发较复杂的组件时，逻辑难以复用，组合式api的出现可以解决此类问题 相关阅读： Vue3 中文文档 https ......
antd限制开始时间与结束时间范围是30天，并不能选择当前日期之后的日期 vue3（默认展示近7天）
<a-range-picker :value="hackValue || dateArr" :disabled-date="disabledDate" style="width: 240px" separator="~" :allow-clear="false" @change="onChange" ......
Vue2 中vuex和store基本用法——取值之this.$store.getters.getValue & 修改值之this.$store.commit(‘setValue‘, paramVal)
参考：https://blog.csdn.net/weixin_44867717/article/details/124133304 项目实例： ......
基于动态代理的rpc简单实现 aop 、proxy
1、实现注解 import java.lang.annotation.ElementType; import java.lang.annotation.Retention; import java.lang.annotation.RetentionPolicy; import java.lang.a ......
从零开始一个vue3前端项目day04-头部导航篇
在实际开发项目中通常会把头部导航栏写成一个通用组件，这里来具体说一下实现思路 1：front-header组件就是我们的头部导航栏，路由我们已经配置好了，把每个导航的首页路径，配置成navList(包含name，path),这样就通过遍历navList就能写出一个首页导航组件 2：导航的选中状态实现 ......
如何再vue项目中使用cdn（以使用天地图得cdn获取当前位置为例）
# 一、了解天地图 http://lbs.tianditu.gov.cn/api/js4.0/examples.html 在其中可以了解天地图的基本使用教程 但其中的教程均为h5引入cdn的方式 以h5定位为例来改成vue项目 源码: ```html5 天地图－地图API－范例－H5定位 本示例演示 ......
vue3 甘特图（二）：甘特图时间轴切换
vue3 甘特图（二）：gantt时间轴切换 1.固定时间轴缩放级别 gantt.config.scale_unit = "month"; //时间轴单位 gantt.config.step = 1;//单位数 gantt.config.date_scale = "%Y年%M";//时间轴展现方式 ......
直播带货源码，vue 身份证校验js及其***显示
直播带货源码，vue 身份证校验js及其***显示 校验js const idCardRule = (rule, value, callback) => { let reg = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/i if (value & ......
C和C++动态库区别
1.C语言导出动态库需要在返回值和函数之间加上__declspec(dllexport) 2.C语言导出动态库需要在class和类名之间加上__declspec(dllexport) 3.C++由于支持函数重载，所以在编译时要给每个函数名重新改名字(加上参数信息)，而C不支持，所以C语言无法使用C+ ......
web使用cookie创建表单
举例： def test_003(): url = 'https://xx.com/user-login.html' # 启动浏览器 browser = webdriver.Chrome('/usr/local/bin/chromedriver') browser.get(url=url) brow ......
HarmonyOS实现表单页面的输入，必填校验和提交
一. 样例介绍 本篇Codelab基于input组件、label组件和dialog组件，实现表单页面的输入、必填校验和提交： 1. 为input组件设置不同类型（如：text，email，date等），完成表单页面。 2. 对表单页面中的用户名、电子邮件、爱好输入框进行必填校验。 3. 使用弹框选择 ......
vue——配置代理无效问题
参考： 1.webpack proxy 不生效 https://segmentfault.com/q/1010000020677598 2.vue开发环境配置代理 https://blog.csdn.net/weixin_50576800/article/details/125055213 3.we ......
vue项目全局api接口封装
项目通常情况下，api封装放在src 下utils 文件下 request.js // 安装 axios cnpm install axios --save // 新建request.js// 通常项目的拦截，封装方法都封装在这里 import axios from 'axios' const in ......
Vue3 CompositionAPI如何优雅封装第三方组件
Vue3 CompositionAPI如何优雅封装第三方组件 HexOr 2022-04-11 01:037052 | 收录于专栏： Vue 前言✨ 对于第三方组件，如何在保持第三方组件原有功能（属性props、事件events、插槽slots、方法methods）的基础上，优雅地进行功能的扩展了？ ......
element vue表单form下多个form-item项循环校验
效果图： ps：重点注意 prop 值 <el-form ref="fromRef" :model="formData" :rules="rules" label-width="100px" > <el-row v-for="(item,index) in formData.allopatricCo ......
[代码随想录]Day36-动态规划part04
## 题目： ### 思路： 只有确定了如下四点，才能把01背包问题套到本题上来。 - 背包的体积为sum / 2 - 背包要放入的商品（集合里的元素）重量为 元素的数值，价值也为元素的数值 - 背包如果正好装满，说明找到了总和为 sum / 2 的子集。 - 背包中每一个元素是不可重复放入。 ## ......
vue页面书写顺序
<template> <!-- html模板 --> <div class="a-class"> <div class="b-class"> <div class="c-class">vue页面书写规范</div> </div> </div> </template> <script> /* 模块系统 ......
Vue中message.split().reverse().join()函数用法
1、split('') 把一个字符串分割成字符串数组 把数据拆分为一个数组,括号里的' '是把数据拆分为每个字符串 2、reverse() 颠倒数组中元素的顺序 只作用于数组，跟在split('')后才能起作用，在一个字符串后面不起作用，如message.reverse() 3、join('') 把 ......
手把手教你使用Vite构建第一个Vue3项目
### 写在前面 在之前的文章中写过“如何创建第一个vue项目”，但那篇文章写的是创建vue2的 项目。 传送门[如何创建第一个vue项目](https://blog.csdn.net/rong09_13/article/details/127142369) 打开`Vue.js`官网:https:/ ......
vue--day77--路由的简介
1. vue-router 的理解 vue 的一个插件库 专门用来实现SPA 应用 2.SPA 应用的理解 单页web 应用，（single page web application SPA） 整个页面只有一个完整的页面 点击页面中的导航链接不会刷新页面 只会做页面的局部更新 数据需要通过ajax ......
今天练习element组件的时候，引入element样式和脚本文件以及vue的组件之后，导入简单element组件练习之后，查看组件的时候，样式一直出不来，经过我多次排查，终于发现，导入的三个内容是有顺序排序要求的。必须先导入vue，然后再导入其他的两个。
2023-09-04 今天练习element组件的时候，引入element样式和脚本文件以及vue的组件之后，导入简单element组件练习之后，查看组件的时候，样式一直出不来，经过我多次排查，终于发现，导入的三个内容是有顺序排序要求的。必须先导入vue，然后再导入其他的两个。 <!DOCTYPE ......