表单validatefield动态vue
vue项目的解析、登录小案例
vue的执行流程 1. 为什么浏览器中访问某个地址,会显示某个页面组件 vue-router第三方插件支持的: 访问:/(根路径) 》显示HomeView.vue 访问:/about 》显示AboutView.vue 根组件:App.vue App.vue中的template中的div会被替换到in ......
vue3 | defineExpose的使用
简介 使用<script setup>的组件是默认关闭的————即通过模板引用或者$parent链获取到的组件的公开实例,不会暴露在任何在<script setup>中声明的绑定 换句话说,如果一个子组件使用的是选项式 API 或没有使用 <script setup>,被引用的组件实例和该子组件的 ......
vue通过 v-for循环出来的数组给元素 加不同的颜色
直接上代码: 1 <div v-for="(item,i) in colorList" :key="i"> 2 <div class="cmn-color"> 3 <div :style="{'background':item}"></div><span>开发{{i+1 }}</span> 4 </ ......
springboot 使用 EasyExcel 通过模板导出EXCEL 带多个动态列表
1.模板定义如下: 导出效果如下 源码如下: @GetMapping(value = "/exportDynamicExcel") @ApiOperation(value = "导出动态表格") public void exportDynamicExcel(HttpServletResponse r ......
CentOS环境 nginx配置vue项目
ps: 这里使用ruoyi-vue-plus项目举例,官网:https://plus-doc.dromara.org/ 一、配置不带应用路径的vue项目 1、打包。首先将vue项目生产配置文件的的应用访问路径设为'/',然后命令行输入run run build:prod进行打包。 2、导入环境。将打 ......
nodejs+vue+element-ui安装
1. nodejs安装 https://www.runoob.com/nodejs/nodejs-install-setup.html 2. vue安装 nodejs安装以后,使用vue会报错: ‘vue‘ 不是内部或外部命令,也不是可运行的程序 解决办法: https://developer.al ......
若依 vue问题
1.table 列 对布尔的处理 <el-table-column label="是否可见" align="center" prop="activityVisible" :formatter="formatActivityVisible"/> formatActivityVisible:functi ......
vue3封装一个公共的异步组件函数
在 Vue 3 中,可以使用 defineAsyncComponent 函数来封装一个公共的异步组件函数。下面是一个示例: import { defineAsyncComponent } from 'vue'; export const asyncComponent = (loader, optio ......
vue+openlayers绘制线
绘制线 1 <template> 2 <div></div> 3 </template> 4 <script> 5 import VectorLayer from 'ol/layer/Vector.js'; 6 import VectorSource from 'ol/source/Vector.j ......
动态规划——悬线法
动态规划——悬线法 P4147 玉蟾宫 1 //动态规划——悬线法 2 #include<iostream> 3 #include<cmath> 4 using namespace std; 5 const int N=1010; 6 int n,m; 7 char a[N][N]; 8 int h ......
VUE后台管理系统(四) 用户,权限和菜单
原理分析 - 服务器根据不同的用户,返回不同的"路由信息","菜单信息","按钮信息"等待 - 从而实现不同的登录用户,看到的页面不一样(部分相同,部分不同) - 前端这边,路由不再写死(写死的话,每个用户看到的页面都是一样的) - 而是根据后端返回的"路由信息"来填充"router数据",最终实现 ......
6.3 应用动态内存补丁
动态内存补丁可以理解为在程序运行时动态地修改程序的内存,在某些时候某些应用程序会带壳运行,而此类程序的机器码只有在内存中被展开时才可以被修改,而想要修改此类应用程序动态补丁将是一个不错的选择,动态补丁的原理是通过`CreateProcess`函数传递`CREATE_SUSPENDED`将程序运行起来... ......
解析vue项目,scoped,ref属性,混入mixin,插件,Elementui
0 解析一下vue项目🐱🚀 1 为什么浏览器中访问某个地址,会显示某个页面组件 -0 根组件:App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 router ......
vue3的ref、reactive的使用
一、介绍 ref和reactive是Vue3中用来实现数据响应式的API,一般情况下,ref推荐定义基本数据类型,reactive推荐定义引用数据类型(对象或数组) 二、ref与reactive对比 <template> <p>{{ person.name }}</p> <p>{{ person.l ......
【转载】Vue Provide / Inject 详细介绍(跨组件通信、响应式变化、版本变化)
版权声明:本文为CSDN博主「前端不释卷leo」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/qq_41809113/article/details/122071958 一、背景 通常,当我们需要从父组件向子 ......
Mybatis动态SQL
1、是什么 动态 SQL 是 MyBatis 的强大特性之一。在 JDBC 或其它类似的框架中,开发人员通常需要手动拼接 SQL 语句。根据不同的条件拼接 SQL 语句是一件极其痛苦的工作。例如,拼接时要确保添加了必要的空格,还要注意去掉列表最后一个列名的逗号。而动态 SQL 恰好解决了这一问题,可 ......
Vue组件懒加载
在当今快节奏的数字世界中,网站性能对于吸引用户和取得成功至关重要。然而,对于像首页这样的页面,在不影响功能的前提下优化性能就成了一项挑战。 这就是 Vue 组件懒加载的用武之地。通过将非必要元素的加载推迟到可见时进行,开发人员可以增强用户体验,同时确保登陆页面的快速加载。 懒加载是一种优先加载关键内 ......
动态组件、插槽、vue-cli创建项目、vue项目目录结构、vue项目编写规范、es6导入导出语法
动态组件 <component :is="who"></component> component标签的is属性等于组件名字,这里就会显示这个组件 组件切换--笨方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit ......
Vue-基本语法及事件绑定
一.基本语法 v-bind绑定: 双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute,应该使用 v-bind 指令 代码展示: <div id="app"> <span v-bind:title="message" v-html="tips"> </sp ......
动态生成控件
比如TabControl的TabItem数量随着配置个数不同。 应用场景: PM的配置几乎相同,每个PM的配置生成1页TabItem,根据配置的PM个数,生成若干个TabItem。 每个串口设备生成一张选项卡。 在WPF中,定义类有3种方法。 Csharp代码。 XAML 和 CSharp,分布类 ......
vue样式穿透
本文转载自https://www.jb51.net/article/253428.htm#_label0,转载仅供学习使用. scoped属性 我们在vue组件写样式一般是在<style>标签里面,但是我们在这里的样式默认是全局样式,如果其它组件的class名取重复了则会导致样式污染。 所以vue支 ......
15-Vue核心-列表过滤和列表排序
列表过滤 监视属性,实现列表过滤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本列表</title> <!-- 引入Vue --> <script type="text/javascript" src= ......
C++静态库与动态库执行过程深入
静态库与动态库 静态库 基本使用 静态库是将一组完整的功能,如一个提供了完整运算的计算器,进行封装为一个.a或.lib文件。 使用时仅需要在使用处include这个静态库的头文件。而后在编译时添加-L与-l选项,如静态库位置在/usr/local, 名称为libmath.a Linux静态库命名规范 ......
Ant Design Vue 中的tab组件中,获取不到$ref
问题:在tab的组件中引入了一个组件,在页面渲染时,需要用到子组件bpmnModeler 里面的方法,调用this.$ref.bpm的时候报错了,找不到bpm <a-tab-pane key="3" tab="流程图" > <div class="search"> <a-card> <a-row s ......
vue-day05
补充 1.图片 在接口中返回一些数据和图片地址,而不是图片的二进制内容 {code:100,msg:'成功',img:地址} 2.md5 不是加密, 摘要算法 动态组件 <component :is="who"></component> component标签的is属性等于组件名字,这里就会显示这个 ......
Vue的DatePicker日期选择器
picker-option属性 官网描述是这样的 1.disabledDate 一般我们使用picker-option都是通过disabledDate参数,来设置其日期选择区间,代码如下: <el-col :span="12"> <el-form-item label="开票日期起" prop="r ......
Vue-cli创建项目
1. 单页面应用:spa - 以后Vue的项目就只有一个:XX.html页面 - 当定义了很多组件,不可能都写在:XX.html中吧 2. 单文件组件:xx.vue -https://v2.cn.vuejs.org/v2/guide/single-file-components.html - 一个组 ......
vue.js学习
前言 本博客为二创作品,原文为:狂神说笔记——Vue 快速入门 19 - subeiLY - 博客园 (cnblogs.com) 参考视频为:https://www.bilibili.com/video/BV18E411a7mC/ 前端没审美又想快速弄好看点可以弄 bootstrap 可视化布局 可 ......
Vue页面切换表单数据不清空
需求描述:表单填写后,切换tab页再切回该页面时,表单内容依旧存在。 核心技术:sessionStorage beforeRouteLeave() created() 解决方案:beforeRouteLeave() 函数中将表单数据保存到sessionStorage中。 created() 函数中将 ......