表单validatefield动态vue
Vue3中watch的用法
在Vue3中，watch 选项的用法与之前版本的Vue略有不同。Vue3中使用了Composition API，在组合式API中，watch 选项被替换成了一个新的函数 watchEffect 和一个新的函数 watch。下面是关于 watchEffect 和 watch 的用法说明： watch ......
vue菜单组件中图标跟随菜单高亮变化颜色
#### 问题 在vue左侧菜单中，使用设计师的svg图标有时候不能跟随菜单高亮而改变颜色 未高亮时显示灰色 加载地图资源，默认是半本地化的，因为 assests 资源是通过 https://j ......
vue2.0截图 html2canvas or dom-to-image 并解决openlayers截图空白问题
1.版本 "dom-to-image": "^2.6.0", // or "html2canvas": "^1.4.1", 2.引入 import domtoimage from 'dom-to-image'; // or import html2canvas from 'html2canvas'; ......
JavaScript动态生成Form提交
function post(url, params) { var tempForm = document.createElement("form"); tempForm.action = url; tempForm.method = "post"; tempForm.style.display = ......
Javascript动态创建FORM提交
Javascript动态创建FORM提交 <script language="javascript" type="text/javascript"><!-- //function that creates the form, adds some elements //and then submits ......
用js动态生成html页面
首先思路明确：生成的元素是一个完整的DOM对象；这些DOM对象的属性可以是字符串，xml文件，也可以是json格式的数据，存储在后台或者其它位置；通过层层解析，顺着DOM层级关系动态创建在html文档流中；这些html文档放于不同的模板文件中相应生成不同样式的效果。 以下就json格式存储的数据，简 ......
iview Cascader loadData Vue
<template> <div> <Card dis-hover> <div class="page-body"> <Form ref="queryForm" :label-width="90" label-position="left" inline> <Row :gutter="16"> <Co ......
通过动态创建a标签，循环批量下载文件所遇到的问题记录
1. 现象： 直接for循环动态创建a标签后，进行click事件触发下载时，你会发现浏览器只下载了最后一个文件 原因：浏览器下载时，太快的话，会取消上次的下载 解决方法一：可添加settimeout定时器，进行一定时间延迟，比如300毫秒，把下载触发的事件放到定时器中即可。 2. 解决方法二 通过i ......
一台云服务器一个域名下，如何运行多个JAVA后端项目和多个VUE前端项目
拿若依前后端分离版项目举例： 修改前端代码 ruoyi-ui/vue.config.js // 二级目录名称ruoyi-ui publicPath: '/ruoyi-ui/', ruoyi-ui/src/router/index.js export default new Router({ mode ......
ECharts图表动态修改series显示隐藏
[toc] # 1、前言  最近做的大数据平台，里面很多地方用到了ECharts，其中有个功能，要求 ......
Vue3 响应式工具函数
isRef() 检查某个值是否为 ref。 unref() 如果参数是 ref，则返回内部值，否则返回参数本身。这是 val = isRef(val) ? val.value : val 计算的一个语法糖 toRef() 可以将值、refs 或 getters 规范化为 refs (3.3+) ......
金蝶云星空表单插件-按钮弹窗（二开）
现场需求： 销售订单添加测试按钮，弹窗文字。 方案设计： 销售订单扩展，添加按钮。 新增销售订单表单类，继承表单类，重写按钮点击事件，判断点击按钮进行弹窗。 具体实现： 1、引入销售订单 引入后： 2、扩展销售销售订单 扩展后会打开销售订单界面： 修改标识： 先不签入。 未签入状态。 双击可以打开。 ......
Vue 时间插件 moment 使用
下载安装 npm install moment -s 全局方法 main.js 里面注册生成 import * as moment from 'moment' Vue.prototype.$moment = moment 全局过滤器 全局过滤器实现日期格式化 // 用法：1.{{ item.time ......
vue——前后端实现SM4加解密
参考： 1.VUE + Springboot + SM4前端加密 后端解密 https://www.cnblogs.com/caoxwen/p/16179683.html 前端 1.引入gm-crypt npm install gm-crypt 2.封装js sm4Util.js const SM4 ......
数据可视化【原创】vue+arcgis+threejs 实现海量建筑物房屋渲染，性能优化
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 先报备一下版本号 "vue": "^2.6.11" "@arcgis/core": "^4.21.2" "three": "^0.149.0" 语法：vue，ES6 其实现在主流很多海量建筑渲染的方案是加载3DTiles ......
对动态 DP 和全局平衡二叉树的一点补充解释
说明：最近在帮高中竞赛教练写讲义，这是本人对讲义中动态 DP 内容的补充解释（因为主要是对知识点的理解，不太容易用通用的语言表述，也不适合作为讲义内容供读者阅读，所以用的是补充注释的形式）。**写的比较抽象也比较初等，仅供意会**。 ## 1. 为什么用矩阵表示转移 我们先从一般的角度，用映射的语言 ......
Vue3 watchEffect()
watchEffect()函数的作用是接收函数作为参数，并立即执行该函数，当该函数依赖的数据发生变化时，重新运行该函数。 <template> <span> <p>{{num}}</p> <button @click="btnFn">+1</button> </span> </template> < ......
vue2父子组件传值
在Vue中，父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解： 1. 使用props进行属性传递： - 父组件通过在子组件标签上绑定属性，将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性，并在组件内部使用。 父组件： `` ......
(06)动态指定FastReport报表图片中的位置
动态指定FastReport报表图片中的位置 procedure TForm.frxReport1BeforePrint(Sender: TfrxReportComponent); begin if (sender is TFrxPictureView) then if (sender.Name=' ......
Vue3 readonly()
readonly()函数的作用是接收一个对象，其可以是普通对象，也可以是响应式对象，然后返回接收对象的只读代理对象。 通俗地讲，即如果想要一个对象是只读的，就使用readonly()函数。 <template> <span> <p>{{obj}}</p> <p>{{newobj}}</p> </sp ......
vue sort 排序
Vue.js提供了多种实现排序的方式。下面列举了几种常见的排序方法及示例代码。 1、使用JavaScript原生的Array.prototype.sort()方法进行排序。这种方法适用于简单的数组排序需求。 // 在Vue组件中的方法中使用sort方法进行排序 data() { return { m ......
vue横向滚动,并且实现点击左右按钮来进行滚动
直接上代码,可以点击左和右两个汉字进行横向滚动 <template> <div class="Home"> <div style="display: flex;height: 100%;align-items: center;"> <div @click="scrollLeft('scrollCon ......
js面向对象浅析-表单生成
js面向对象浅析-表单生成 前言：这里就表单生成器的案例对js面向对象分析一下。。。 (function (window){ var FormBuilder=function(data){ this.data=data; }; window.FormBuilder=FormBuilder; })(w ......
动态规划（DP）
# DP ## 1. 理论 1. 每个大问题的子问题都是最优的，所以才可以直接记录下来 2. 在下次寻找子问题的最优解时，直接使用 与分治算法不同的是： - 适合 dp 请求的问题，经分解得到的子问题往往不是互相独立的 - 即下一个子阶段的求解是建立在上一个子阶段的解的基础上，进行进一步求解 ## ......
Vue【原创】基于elementui的分组多选下拉框【group-list】
效果图： 如图分为多选模式和单选模式。 group-select： 1 <template> 2 <div> 3 <el-select 4 v-model="innerValue" 5 :placeholder="placeholder" 6 @change="changeSelect" 7 :cl ......
Vue【原创】时间轴 【time-axis】&【date-axis】
封装了关于时间轴的组件，有时候统计页面会用到。 效果图： 时间轴分为2种，一种是time-axis：范围选择模式，一种是date-axis：步长选择模式。 代码中涉及到的工具类和图片资源，请移步页面底部的gitee地址下载源码。 time-axis： 1 <template> 2 <div clas ......
Vue项目element-ui 添加动态校验
需求：一个表单中某个字段，根据另一个字段变化，校验是否必填 <el-form ref="detail" :model="detail" :rules="ruleData" size="small" label-width="100px"> <el-card> <el-row> <el-col :sp ......
vue3学习笔记1 - Vue2和 Vue3生命周期区别
1.vue2常用生命周期：创建前：beforeCreate() 只有一些实例本身的事件和生命周期函数 创建后：Created() 是最早使用data和methods中数据的钩子函数 挂载前：beforeMount() 指令已经解析完毕，内存中已经生成dom树 挂载后：Mounted() dom渲染完 ......