表单validatefield动态vue
vue（二）vue组件
单文件组件 在其他框架都鼓励把模板、逻辑和样式的代码区分成不同文件的时候，Vue 却反其道行之。使用单文件组件，Vue 把模板、相关脚本和 CSS 一起整合放在 .vue 结尾的一个单文件中。这些文件最终会通过 JS 打包工具（例如 Webpack）处理，这意味着你可以使用构建时工具。你可以使用比如 ......
vue（一）vue项目结构
安装 Vue npm install -g @vue/clivue --version 创建vue项目 vue create vue-demo 运行项目 cd vue-demonpm run serve 安装vue高亮插件：vscode安装 volar 项目结构 Vue的默认包管理器为 yarn。。 ......
vue3 安装 3d-force-graph
1.首先创建vue3的项目 2.创建好后通过开发工具打开项目并打开命令行，输入指令 npm install 3d-force-graph 安装即可 3.在使用的页面中引入 3d-force-graph <!--官网的 basic案例--> <template> <!-- ref 用于在组件中引用当前 ......
Vue 3.0 reactive/effect
reactive.js: import { isObject } from "../utils"; import { track, trigger } from "./effect"; export function reactive(target) { // 判断 target 类型 // 如果是 ......
django中使用form表单或者ajax提交数据时如何验证csrftoken
- 使用form表单来提交数据时，如何验证csrftoken  - ajax提交数据时验证csrftok ......
C#动态更新pc音频的输入输出设备
1：这次我们要实现这样的一个功能，例如win11上音频输入输出列表，如下图所示 我们获取win上的音频输入输出设备的第三方为NAudio 以下代码为获取设备列表的实例： public async Task UpdateDeviceListAsync() { await Task.Run(() => ......
js如何动态清除form表单中input款下的错误信息
form表单 ``` {% csrf_token %} {% for form in form_obj %} {{ form.label }}： {{ form }} {{ form.errors.0 }} {% endfor %} {{ error }} 短信登录 ``` 使用js代码动态清除in ......
基于vue-cli 5 和webpack 5实现微前端
有这么一个需求，项目里有很多业务模块，它们都有引用一些公共组件，每个业务模块打包后都是一个独立的应用，当公共组件修改时，单独打包公共组件，其他应用能够不需要重新构建，就能直接使用最新的公共组件，要怎么实现？ 一开始我想到的是使用网络资源，就是把公共组件打包后的js文件放到服务器，其他应用通过scri ......
向AI请教能否用图片生成vue代码
Can figma generate vue code based on a screenshot captured from an android app? Wed, Jul 5, 2023, 3:49 pm avatar No, Figma does not natively generate ......
Poi Excel 动态变化行高，动态创建Sheet
# 需求 + Excel 最终需要由A4纸打印出来 + 标题名称需要动态变化 + 行高自动变化 + 每页都需要保留标题 # 分析 基础需求即填充标题填充数据，设置样式，基础需求可以通过easyExcel或者Poi的API来实现，但是由于需求3、4，easyExcel并不支持，只能选择使用Apache ......
vue脚手架创建与环境安装(转载)
1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版，如果要安装以前的版本👇，页面往下拉找到 Previous Releases—Donloads—下载msi文件。 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......
10：vue3 组件注册方式（全局注册和局部注册）
组件注册方式 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。 全局注册 将09节课程的Header组件进行全局注册演练 在main.js中添加Header.vue组件的注册 1 import { createApp ......
VUE 2项目使用vue-json-excel导出数据
记录一下后端返回的json数据转成excel导出 ###这里外面使用的是 [vue-json-excel](https://github.com/jecovier/vue-json-excel) ###1.安装包 ``` npm install vue-json-excel ``` ###2.组件中 ......
vue3子组件向父组件传参
《好记性不如烂笔头系列》 子组件 <template> <div class="protocolstyle"> <van-checkbox v-model="checked" toggle @click="userProtocolClick"></van-checkbox> <span class= ......
通过aop 注解的方式防止表单重复提交
pom.xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-aop</artifactId></dependency><dependency> <groupId>or ......
09： vue3 组件嵌套关系
组件嵌套关系 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构： 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。 创建组件及引用关系 Header. ......
vue-treeselect 被 overflow 遮挡
# 场景 在一个内容区域设置了 `overflow` 纵向滚动的对话框中，内部的 `vue-treeselect` 组件下拉框选项被遮挡了。 # 解决办法 给 `vue-treeselect` 设置 `appendToBody` 和 `z-index` 属性。  { 4 return { 5 count: 0 6 } 7 } 8 } 9 </script> 10 11 <templat ......
解决vue中mapbox地图显示一半的问题
### 解决vue中mapbox地图显示一半的问题 问题描述： 在vue中创建mapbox地图，地图只显示一般，查看浏览器开发者工具。发现将`canvas.mapboxgl-canvas` 的`position:absolute`去掉就解决了 。 代码修改：获取到`canvas.mapboxgl-c ......
vue lang="scss" scoped 样式穿透的规则
1：外层容器 ::v-deep 组件 { }2： ::v-deep 组件 { }3： ::v-deep { & 组件{ } } ......
算法学习笔记( 一）（1）动态规划（LIS）
### 题目链接：https://www.acwing.com/problem/content/897/ ## 讲解 动态规划问题具有三个特质： * 子问题重叠: 即子问题是相互之间依赖的 这个子问题在之后可能被反复使用 (此条件并非必要条件 但失去它也就没有优化作用了） * 最优化原理: 此问题可 ......
【Oracle】行转列的函数wm_concat，listagg，xmlagg，pivot以及动态行转列
## 【Oracle】行转列的几种情况 表的数据如下  ### 朴实无华的函数 ##### 1.wm_co ......
vue项目动态菜单import运行报错【转】
Module build failed (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js): TypeError: Cannot read property ‘range’ of null ......
vue项目报错：Node.js v18.16.1 error Command failed with exit code 1.
原因： 把node升级到了最新的长期支持版18.16.1，结果运行vue项目启动失败，报错如下：  试了各种办法都解 ......
vue渲染原理简单实现
实现功能： 1.渲染系统： · 功能一：h函数，用于创建并返回一个VNode（虚拟对象）; · 功能二：mount函数，用于将VNode挂载到节点上； · 功能三: patch函数，用于对比两个VNode，决定该如何处理新的VNode； ### 1.新建一个index.html的页面 其中有一个id ......
Vue项目引入Bootstrap5步骤
1、在工程项目下安装Bootstrap5依赖包  `npm install bootstrap@5.3. ......
Vue, Django | 数据可视化平台开发
给公司搞了个互联网设备可视化平台，在地图上展示互联网设备的信息，点击地图不同区域，统计相应的设备信息，生成图表展示出来 ![](https://img2023.cnblogs.com/blog/2997171/202307/2997171-20230705092400289-934249968.pn ......