表单validatefield动态vue
通过浏览器中F12来查看form表单的提交时的请求网址
网页上的form应该是用js提交的,怎么找请求网址呢? 1.用chrome打开该网页,然后按 CTRL + SHIFT + J (或F12)打开chrome开发工具 2.从开发工具的菜单栏切换到 “网络”,然后点击页面上的表单提交按钮 3.这时在开发工具中,会产生可能不止一个请求。 4.选中上一步产 ......
在vue中使用router时所需要的配置
router.js import { createRouter, createWebHistory } from 'vue-router'; //2. 定义路由组件 import Home from "../views/Home.vue" import Login from "../views/Lo ......
修改vue-element-admin的登录逻辑
<template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-po ......
【vue】,封装的table组件,table表格超出高度自适应滚动效果,设置页面全局统一自适应高度
需求背景:为了使后台页面的 table 列表页面始终保持统一的高度,无论我们的列表数据有多少都只占一个屏幕的高度,如果 table 表格的数据太多,只滚动table 表格的数据,页面高度保持不变;使用 window.onresize 监听浏览器的高度: // tableHeight: 为 el-ta ......
自定义拖拽表单的优势表现在哪里?
利用自定义拖拽表单,可以让办公更轻松,效率更高,是理想的提质增效办公工具。哪里有自定义拖拽表单?它又有什么样的优势特点?流辰信息是专业研发低代码技术平台的服务商,经验足、研发实力强、服务好,可以为广大客户提供持续的产品升级、技术培训、系统集成开发、技术框架定制等服务。 先来了解自定义拖拽表单带来的好 ......
vue3 如何判断组件中的 slot 是否有填充?
两种方法: 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......
动态添加的Promise按顺序执行
原文链接:https://www.cnblogs.com/yalong/p/17935043.html 动态添加的Promise异步事件按顺序执行 需求描述 用户点击一次页面上的一个按钮,就播放一个动画, 如果点击n次就触发n次动画; 在播放动画的同时,如果再点击按钮,那么会把n的次数累加,动画播放 ......
一个动态壁纸软件
996仙人壁纸 介绍 我们这一生啊,总得熬夜的。 1、实现原理: 把一个窗口放在桌面壁纸和桌面图标之间,然后在自己的这个窗口播放视频或者动画,这就是一个简单的动态桌面软件。软件是将窗体作为背景,使用WebView2显示内容,通过发送通知实现更新壁纸的效果。 2、基础WPF的动态壁纸软件,支持HTML ......
# vue3 组件之间传值
vue3 组件之间传值 非常好,为啥突然开这样一篇博文,首先是因为 vue3 是未来发展的趋势。其次,vue 官方已经确认,将于2023年最后一天停止对 vue2 项目的维护,这个是官方发出的通知,并且呢,尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了,同时呢,无论是 elementUI ......
vue response post 请求 excle 下载
export function downloadExcel(obj) { return request({ url: '/basic/cycleMoneyReport/downloadExcel', method: 'post', data: obj, // 请求方式必须添加 responseTyp ......
vue 批量打印
<el-button type="button" @click=" handleCopy "> 批量打印 </el-button> handleCopy(){ if (!this.getSelectRows()) return; if(this.selectRows.some(r => r.star ......
Vue 倒计时小组件
商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠,这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法,循环的不断调用清除调用清除,具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
vue3引入使用svg图标
vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......
MacOS - QT动态库打包嵌入问题处理
Crash信息 Termination Reason: Namespace DYLD, Code 1 Library missingLibrary not loaded: @rpath/QtCore.framework/Versions/5/QtCoreReferenced from: /Appli ......
primitive动态修改
以贴底线 GroundPolylinePrimitive 为例 我们知道,primitive的更新机制主要是通过update函数,所以通过源码我们可以很容易找到如何对针对性的更新属性。 可以看到,update 每次都会判断 _primitive 这个属性,如果他未定义,则重新构建geometry相关 ......
vue2.5.2设置二级目录访问
vue发布到IIS后,需要通过二级域名访问: 1、找到config->index.js 节点assetsPublicPath,设置你要的二级域名名称 2、IIS创建站点后,在站点下添加应用程序web (跟上面同名) ......
Unreal入门,Timeline动画02,动态材质
这里动态材质效果主要是利用Timeline生成随时间变化的颜色插值来实现 1. 创建动态材质实例变量,用于控制材质动态效果 将返回值提升为变量MI_Frame 注意这里都是在ConstructionScript中完成的 回到事件图表,添加颜色插值以实现动态材质变化 注意这里的变化参数来自于门框材质的 ......
vue js 引入sdk,思路代码整理 app.vue引入
代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
vue 将百度地图或者高德地图组件化
一、前言 百度地图已经有了 react 相关的组件库,本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉,百度地图 webgl、高德地图都是一样的,因为底层都是通过 js 控制地图 如果用组件的方式开发,比如我将 BMap.Marker 作为一个组件,我暴露一个参数position,其目的是 ......
动态加载JS文件
在某些特殊场景下,特别是在库和框架的开发过程中,需要动态加载JS文件并执行它们。下面是使用 Promise 的简单封装。 function loadJS(files, done) { // Get the head tag const head = document.getElementsByTag ......
vue3+ts打开echarts的正确方式
实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK 2. 在 ......
vue中get和post请求
vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中get请求 function ......
12.28数组遍历以及动态初始化,数组求最值,基础方法1
fori用法:数组名.fori直接依次遍历数组中所有元素 数组的动态初始化:定义没有元素的数组(静态初始化即已知元素) 方法调用:方法名(); ......
elf与动态库大小裁剪
老板最近看拼多多的包挺小的,扔了一篇文章过来让我们优化优化各自的动态库,美团这篇关于动态库大小缩减的文章,说的极好哈哈: https://tech.meituan.com/2022/06/02/meituans-technical-exploration-and-practice-of-androi ......
表单导出excel 的解决方案
场景:当只有底图和数据的的时候,底图是一个背景图,次背景图上会有空白的区域,留下来的空白区域是用来展示回显的数据的, 一下情形需要导出excel 文档 纯前端 方案一: 1.先用一个数组将此底图上的数据收集起来,组成一个数组,同时设置key 和value ,当然 key就是收集来的数据,value就 ......
vue3+lottie实现动画
1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......
Vue中$router.push()路由切换、如何传参和获取参数 和获取不到$router.push 参数问题
路由的 两种传参方式: 一: 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二: 编程式 $router.push(...) //该方法的参数可以是一个字符串路径,或者一个描述地址的对象。 不带参数写法: // 字符串(对应 ......
封装一个表情包组件(支持自定义表情图片)(基于vue3语法)
效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
vue3.0之表格拖拽-最简单的表格(不带层级/树级)
const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......