表单validatefield动态vue

vue3项目中跨域问题

查询之后发现是浏览器的同源策略,跨域了。浏览器的同源策略就是协议、域名、端口都要相同,有一个不同就会产生跨域问题。原本浏览器应该会自动调节端口去获取信息,但我这里将前后台代码都设置一台电脑上,可能端口占用了才产生了问题。解决方案就是在vite.config.js文件中设置一下代理就行了,具体代码如下 ......
项目 问题 vue3 vue

动态规划杂题选练

\(\text{CF908G}\) 题目描述 给\(n<=10^{700}\),问1到n中每个数在各数位排序后得到的数的和。答案膜 \(1e9+7\) 。 思路点拨 不是很难,自己想一会可以想出来。 因为 \(n\) 比较大,所以我们考虑数位dp。因为每一种数组产生的贡献十分复杂,所以我们将每一数字 ......
动态

vue2 子组件向父组件传值

父组件: <category-component ref="jobCategory" :title="title" :path="pathUrl" @get-datalist="getDataList"></category-component> 子组件: this.$emit('get-datal ......
组件 vue2 vue

随想录Day8|344. 反转字符串、541. 反转字符串Ⅱ、LCR 122. 路径加密、151. 反转字符串里的单词、LCR182. 动态口令

随想录Day8|344. 反转字符串、541. 反转字符串Ⅱ、LCR 122. 路径加密、151. 反转字符串里的单词、LCR182. 动态口令 题目越来越长了…… 344. 反转字符串 文章&视频讲解 编写一个函数,其作用是将输入的字符串反转过来。输入字符串以字符数组 s 的形式给出。 不要给另外 ......
字符串 字符 随想录 口令 随想

Uniapp学习笔记(vue3)

https://uniapp.dcloud.net.cn/ 使用 Vue.js 开发所有前端应用的框架 开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 周边生态丰富 发送请求 meth ......
笔记 Uniapp vue3 vue

下载vue.js、element-plus的js和样式、locale.js、icon-vue.js

一、下载vue.js 地址:https://www.bootcdn.cn/vue/ 找到vue.global.js 点击复制链接,在浏览器中打开,如下所示: 二、下载element-plus的js和样式 进入element-plus的官网:https://element-plus.org/zh-CN ......
element-plus 样式 vue js icon-vue

Modbus动态链接库供多语言使用 | Go

Modbus协议控制动态链接库 应用场景 基于各门语言都有各自的modbus协议库,且良莠不齐,而且在具体的框架下可能存在版本依赖问题, 而且对modbus协议存在比较多的细节处理,可以查看modbus slave、或者modbus poll中相关的配置可知, 数据类型对应读写寄存器个数、大小端的处 ......
链接 动态 Modbus Go

vue下载PDF文件到本地

方法1. downloadPDF(fileName) { // 要下载的文件路径 var fileUrl = './file/' + fileName; // 创建一个隐藏的<a>元素,用于下载文件 var a = document.createElement('a'); a.href = file ......
文件 vue PDF

vue的扫盲笔记

1.模板语法 ○ Attribute 属性动态绑定多个值 const objectOfAttrs = { id: 'container', class: 'wrapper' } <div v-bind="objectOfAttrs"></div> ○ 指令 § v-bind 等价于 : <a v-b ......
笔记 vue

vue安装及环境配置

安装:Nodejs安装依赖包node_modules:npm install安装webpack:npm install webpack -gnpm install webpack-cli -g安装yarn:npm install -g yarn执行yarn:yarn install安装:axiosy ......
环境 vue

使用vite创建vue3项目

vite是一种新型前端构建工具,能够显著提升前端开发体验,它主要由两部分组成; 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。 一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。 ......
项目 vite vue3 vue

JAVA代码使用JNI的方式调用C/C++动态库

JNI(java native interface),通过JNI的方式调用动态库步骤比较麻烦,不用额外引入依赖,对java项目工程依赖侵入为0,类中含有native描述的方法都会与动态库去 一 一 映射,能通过System.load()函数去加载动态库,这种方式主要使用的场景是java写好类(一般不 ......
代码 方式 动态 JAVA JNI

dp动态规划

数位dp 离谱dp,常用于有位置与位置之间的限制并计数的问题中。通过记忆化搜索求出。 代码大致模板: const int N = 50; //数的最高位数,可以往大点开 int s[N], tot; int dp[N][2][2]; //状态可能还会多一些,大致与 Dfs 状态同步 inline i ......
动态

uniapp自动引入Vue3(ref,reactive...)的API、uniapp生命周期和封装hooks

未自动导入Vue3(ref,reactive...)的API和uniapp生命周期,需要在每个页面把API和uniapp生命周期的代码都重复写一遍 <script setup> import { ref, reactive } from "vue" import { onLaunch, onShow ......
uniapp 周期 reactive 生命 hooks

vue-router使用

vue-router使用 组件切换实现页面切换效果,需要借助vue-router来实现 1、简单使用 页面跳转,写一个页面组件 在router >index.js routes数组中加入一个路由即可 2、组件中实现页面跳转 两种方式 方式一:使用 router-link 标签,to 地址 <rout ......
vue-router router vue

vue build index直接打开静态页面

vite + vue3 打包的文件,如果使用类似于nginx或者其他的服务器打开,可以正常打开,但如果直接点击打开index.html文件,页面会白屏,打开调试工具后发现如下跨域的报错。 这是因为打包后并不支持file引用协议。这就给混合式开发等时候带来困扰,因为在这种场景下,是有需要直接打开ind ......
静态 页面 build index vue

Vue3

Vue3介绍 Vue3的变化 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking(摇树--清除死代码进行优化) 3.拥抱TypeScrip ......
Vue3 Vue

Vue-router的使用、路由守卫、localStorage

一、路由的使用 以后,就是组件的切换实现页面切换的效果 》 必须借助于vue-router来实现。 在App.vue中: <router-view/> > 显示组件 > 在router/index.js中配置 <router-link :to="about_url"> > 做页面组件的跳转的 基本使 ......
路由 localStorage Vue-router router Vue

vue-day07

vue-router使用 以后用组件的切换来实现页面切换效果,必须借助于vue-router来实现 vuex学过的: <router-view/>,显示组件,位置在router/index.js中配置,提供的 <router-link :to="about_url">作业面跳转 基本使用 写一个页面 ......
vue-day vue day 07

记录--Vue3 + Fabricjs 定制国庆专属头像

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 生在国旗下,长在春风里!国庆将至,采黎为大家带来 定制头像2.0(国庆头像),让我们用代码的形式为祖国庆生!欢迎大家点赞收藏加关注哦 前言 想看效果或者想定制春节头像的小伙伴请直奔 效果区域; 想一睹定制头像2.0小工具的原理及实现思路请 ......
头像 国庆 Fabricjs Vue3 Vue

vue3项目结合antdesignvue封装form表单及校验

效果图 完整代码 1 <script setup> 2 import { defineProps, onMounted, reactive, ref, defineEmits} from 'vue' 3 import { Card, Input, Select, DatePicker, FormIt ......
表单 antdesignvue 项目 vue3 form

[转载] linux下 GCC编译链接静态库&动态库

转载自: https://www.cnblogs.com/thechosenone95/p/10605172.html#_label0 静态库 有时候需要把一组代码编译成一个库,这个库在很多项目中都要用到,例如libc就是这样一个库, 我们在不同的程序中都会用到libc中的库函数(例如printf) ......
静态 链接 动态 linux GCC

vue3项目table表格动态表头生成+行数据合并

这两处地方是动态的,由后端数据返回 思路流程 1,后端返回数据二次处理 2,根据后端数据生成动态表头 3,利用antd 的 customRender 与 rowSpan 设置行合并 完整代码 <template> <Table :data-source="dataSource" :columns=" ......
表头 表格 项目 动态 数据

Vue3 - provide 提供的异步数据 inject 得到的数据 undefined 或 null

如下所示,父组件(祖先组件)通过 provide 函数向所有后代组件传递 prop。但是这两个 Ref 类型的数据最开始没有,需要等到 onMounted 初始化之后才有值。此时会遇到两个问题 后代组件在 setup 函数中或者 onBeforeMount 等非常早的周期中调用,可能获取的是 und ......
数据 undefined provide inject Vue3

网易云课堂收钱观看之Vue

看网易云收费课程有感之Vue 命名规则: 小驼峰 camelCase eg:函数,变量 大驼峰:PascalCase eg: JS类 vue里compents下的组件 大写开头 短横线隔开式kebab-case(又称烤肉窜) eg:自定义组件使用的时候 <my-table/> 传递属性时使用 <my ......
课堂 Vue

vue,用户可操作权限判断,数据创建人判断

需求: 需要判断登录用户是否有对应的操作权限,有则显示对应的操作入口。 判断某物的创建人是否为当前用户,是则可进行删除或修改操作。 调用以下函数。userId为当前登录的用户id; ......
创建人 权限 数据 用户 vue

动态构建json参数结构

dynamic address = new JObject(); address.Province = "beijing"; address.City = "beijing"; address.County = "zhongguo"; address.Villages = new JArray("a ......
参数 结构 动态 json

Redis系列 - Redis底层数据结构(简单动态字符串(SDS)、链表、字典、跳跃表、整数集合、压缩列表)

转自:https://blog.csdn.net/u011485472/article/details/109460490 Redis系列 - Redis底层数据结构(简单动态字符串(SDS)、链表、字典、跳跃表、整数集合、压缩列表) 简单动态字符串(simple dynamic string,SD ......
Redis 数据结构 整数 字符串 底层

vue3项目封装支持搜索,选中不可选,选中的数据项支持上下移动,删除的上下穿梭的树状穿梭框

1,vue3代码 1 // 这个是返回的所有的数据 2 const sourceItems = ref([]) 3 // 这是穿梭到下面的数据 4 const targetItems = ref([]) 5 // 这是搜索字段 6 const searchName = ref('') 7 // 这两 ......
数据项 上下 项目 数据 vue3

vue中的this.$emit方法

作用:用于子组件中触发父组件方法并传值 使用: //子组件中 <template> <button @click="handleChildEvent">子组件中触发的事件</button> </template> <script> export default { name:'ChildCompon ......
方法 this emit vue