表单validatefield动态vue
Vue3| Pinia 的 action 异步写法
import { defineStore } from 'pinia' import { ref } from 'vue' import axios from 'axios' export const useChannelStore = defineStore('channel', () => { ......
金蝶云星空单据界面内增加动态数据展示的单据体
业务场景 有时候,当前订单需要动态显示一些字段或者整个实体用来进行数据对比或者用来动态选择等特殊业务场景,这些数据并不需要保存到数据库。 金蝶BOS实现 1、单据体设置 2、字段设置 这样子单据界面绑定的数据都不会写入到数据库。 完美。 ......
Vue3| Pinia 的语法
Pinia 是 Vue 的最新 状态管理工具,是 Vuex 的替代品 Pinia 的优势: 1. 提供更简单的 API(去掉了 mutation) 2. 提供符合 组合式风格的 API(和 Vue3 新语法统一) 3. 去掉了 modules 的概念,每一个 store 都是一个独立的模块 4. 配 ......
动态代理
上篇随笔讲到的静态代理(https://www.cnblogs.com/great-r/p/17758310.html),这篇随笔就讲一讲动态代理吧。 一、动态代理 首先动态代理用来做什么?比如说项目中的其他人开发了某一块功能,你也想要使用此功能,但是可能需求不满足,需要增加点代码对功能做一些增强, ......
Vue3| 组合式 API——provide 和 inject
作用和场景:顶层组件向任意的底层组件 传递数据和方法,实现 跨层组件通信 跨层传递普通数据 步骤: 1. 顶层组件通过 provide 函数提供数据 provide ( ' key ' , 顶层组件中的数据 ) 2. 底层组件通过 inject 函数获取数据 const message = inje ......
Vue3| 模板引用、defineExpose宏函数
模板引用的概念:通过 ref 标识 获取真实的 dom对象或者组件实例对象 使用: 1. 调用 ref 函数生成一个 ref 对象 <script setup> import { ref } from 'vue' const h1Ref = ref (null) </script> 2. 通过 re ......
Vue3| 组合式 API 下的 子传父
步骤: 1. 子组件内部通过 emit 方法触发事件 ① 通过 defineEmits 编译器宏生成 emit 方法 <script setup> const emit = defineEmits ([ 'get-message' ]) // get-message:可以触发的事件 </script ......
Vue3| 组合式 API 下的父传子
步骤: 一、父给子传 写死的值 1. 父组件中给子组件 以添加属性的方式传值 <script setup> import sonComVue from './son-com.vue' // 局部注册 </script> <template> <sonComVue message = "黑马程序员"> ......
编写项目时遇到的传参,表单接收问题
在项目测试中,遇到一个问题,先粘贴一下源码: @PostMapping("/updateOrders")public ResponseResult updateOrders(@RequestParam("OrdersId") Long OrdersId,@RequestParam("phone") ......
表单进阶
单选框 redio <div> <input type="radio"name="aaa" id="one"> <!-- 如果不加name或者name不一样,那么可以多选 --> <label for="one">非常满意</label> <!-- 给文字加上label可以点击文字进行单选框的选择 ......
Vue 异步更新和$nextTick
使用延时器也是可以实现的,但是等待的时间不确定, 不是最优解,使用钩子函数update,可能会被其他元素的更新,触发了不该有的动作 ......
SpringBoot+vue+Axios实现Token令牌
前后端Token实现 目录前后端Token实现认识TokenJWT组成HeaderPayloadSignatureJWT简单使用创建JWT解析JWT常见异常后端Maven依赖封装JWT工具获取并响应Token拦截器验证Token前端登录+存储Token前端拦截器 认识Token 对Token有了解可 ......
Vue ref和refs获取dom组件
一般情况下通过正常的查找dom元素的方法是查找整个页面的,加上ref就可以把查找范围控制在当前组件中 : 结合前面讲的父子组件通信, 使用ref去调用组件的方法去获取设置数据不就更方便吗? ......
Vue3| 组合式API——computed 计算属性函数
计算属性基本思想和 Vue2 的完全一致,组合式 API 下的计算属性只是修改了写法 核心步骤: 1. 导入 computed 函数 <script setup> import { computed } from 'vue' </script> 2. 执行函数 在回调参数中 return 基于响应式 ......
Vue3| 组合式API——reactive 和 ref 函数
Vue中默认的数据并不是响应式的,如果我们希望数据是响应式的,则需要通过 reactive 或者 ref 进行处理。 reactive (): 作用:接收 对象类型的数据作为参数传入 并返回一个 响应式对象 reactive 不能处理简单类型的数据 reactive 使用步骤: 1. 在 <scri ......
HCIA-动态路由RIP
前言 路由信息协议RPI(Routing Information Protocol) 是一种基于距离矢量算法的协议,以跳数作为度量来衡量到达目的网络的距离。RIP主要用于规模较小的网络中。 它配置简单、易于维护、适合小型网络 RIP简介 距离矢量路由协议;属于IGP协议 适用于小型网络;有RIPv1 ......
Vue3| 组合式 API——setup 选项
组合式 API:一系列函数,有时需要调用这些函数编写组件逻辑。 setup 是组合式 API 的入口,先写 setup,才能往里边写组合式 API 的函数 setup 的执行时机会比 beforeCreate 生命周期钩子还要早,因此 setup 函数中获取不到 this setup 选项的写法:( ......
vue项目中上传文件失败记录
页面请求报【Failed to load resource: net::ERR_CONNECTION_ABORTED】错误,查了下是文件过大导致上传失败,element-ui本身没有大小限制,最后排查是Nginx默认是上传一个不能超过1M大小的文件 # 设置客户端传文件通过nginx大小 clien ......
16、oracle的游标open动态接收数组
oracle的游标open动态接收数组 使用实例: DECLARE TYPE CUR_MODEL_TYPE IS REF CURSOR; C1 CUR_MODEL_TYPE; V_TASK_CODE VARCHAR2(1000); V_DRAW_TYPE VARCHAR2(1000); BEGIN ......
Vue3 - watch 监听路由状态变化切换下一个页面 watch 函数还在执行
描述 你可能会通过 watch 函数监听路由变化,当路由参数发生变化之后,重新调用 fetchData 获取数据渲染页面。即,同路由页面切换。 但是,遇到了 A 页面切换到 B 页面时,A 页面的 watch 会被触发,导致报错。这是因为进入其他页面之前,你没有清除这个 watch 监听。 虽然随着 ......
下载的PC游戏启动后报错:无法加载 DLL“steam_api64”: 动态链接库(DLL)初始化例程失败。 (异常来自 HRESU
无法加载 DLL“steam_api64”: 动态链接库(DLL)初始化例程失败。 (异常来自 HRESU 解决方式:将文件夹拷贝到 Steam --> steamapps 文件夹下面 还好是忍者神龟抛了个异常,才找到了问题所在,论抛异常的重要性!!! 忍者神龟 如龙 ......
GienTech动态|入选软件和信息技术服务竞争力百强;参展世界计算大会、网络安全博览会
———— GienTech动态 ———— 中电金信参展广东省网络安全博览会、世界计算机大会 近期,中电金信跟随中国电子参展2023年广东省网络安全博览会(下简称“博览会”)和2023世界计算大会。在两大峰会上,中电金信展出了金融级数字底座“源启”、云原生分布式核心业务系统及多个标杆案 ......
Vue3| create-vue 脚手架工具
create-vue 是 Vue 官方新的脚手架工具,底层切换到了 vite(下一代构建工具),为开发提供极速响应 使用 create-vue 创建项目: 1. 前提环境条件: 已安装 16.0 或更高版本的 Node.js(node -v) 2. 创建一个 Vue 应用:npm init vue ......
【前端开发】vue3+vite项目部分优化
1、使用rollup-plugin-visualizer 可视化分析包 npm i rollup-plugin-visualizer -S 在vite.config.js中引入 在 plugins里面 然后执行npm run build就自动打开可视化分析 2 、 CDN加速 在vite.confi ......
vue实例挂载以及模板解析过程
抽空看了下vue源码,记录下new Vue()的过程。 在package.json中运行命令添加sourcemap,打包后在源码案例目录下创建新的html文件,运行后可以在控制台断点调试 测试代码 <script src="../../dist/vue.js"></script> <div id=" ......
vue实现高亮搜索查询加上下箭头移动定位的功能
在文档中查找 {{ num 0 ? "没有任何结果" : indexNum + 1 + "/" + num }} 上一个 下一个 < > --> <ul class="left-tools"> <li class="title">钢联数据智能版帮助手册</li> <li v-for="item in ......
vue2/3 防抖
//vue2 optionsAPI data:{ timeout:null }, methods:{ debounceFn(val){ if(this.timeout !== null){ clearTimeout(this.timeout); } this.timeout = setTimeout ......
PHP+MySQL制作简单动态网站(附详细注释+源码)
项目介绍 项目名称:图书管理系统 项目实现的内容: 1.用户登录、用户注册、登录界面验证码功能。 2.退出登录功能、内容查看、内容添加、内容修改。 前端页面设计得有点可能不太专业,将就着用。主要专注在功能的实现。 具体实现步骤根目录布置: 1.登录界面实现具体步骤参照文章: PHP+MySQL制作简 ......
渗透测试高级技巧(二):对抗前端动态密钥与非对称加密防护
在前文的技术分享中,我们描述了验签和静态对称加密(静态密钥 AES)的常见场景,大家我相信遇到类似的加解密清醒,基本都可以通过热加载的基本使用获得破解前端加密解密的方法,达到一个比较好的测试状态。 在本文中,我们在保持同样的通用适配度的同时,将会来接触更加复杂的前端加密与解密场景: 动态密钥:无法通 ......