表单validatefield动态vue
全面分析 Vue 的 computed 和 watch 的区别
全面分析 Vue 的 computed 和 watch 的区别 一、computed介绍 computed 用来监控自己定义的变量,该变量在 data 内没有声明,直接在 computed 里面定义,页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> ......
【vue2】 登录发送axios
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
promise和vue-router
认真学习前端第三天打卡 1.promise的输出题,看了一会没看完,头痛 2.学习了vue-router的基础文档 1.router-link:可以用作导航栏,要在router->index.js里写路径(做链接)2.动态路由$route.params.id相应路由参数变化?捕获路由?3.路由的匹配 ......
【vue2】 demo1
练习用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
Linux用g++编译生成动态连接库.so的方法及连接
Linux动态库默认搜索路径 /lib64、/usr/lib64、/lib、/usr/lib 系统头文件目录 /usr/include 常用命令 ldd main:查看二进制可执行文件链接的动态链接库信息,例如ldd nginx g++ -c main.cpp:以单个xx.cpp源文件为单位只编译出 ......
Ant Design Pro项目ProTable怎么获取搜索表单值
前情 公司有经常需要做一些后台管理页面,我们选择了Ant Design Pro,它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。 产品效果图 最新接到的一个后台管理界面需求,如下图。需要实现数据导出功能,ProTable搜索栏默认有重置和查询按钮,所以需要增 ......
vue3 defineEmits的使用
1.计数器案例 父组件: <template> <h2>当前计数为: {{counter}}</h2> <HelloWorld @add1="add1" @decre1="decre1"></HelloWorld> </template> <script setup> import { ref } ......
gcc 使用 与 选项 编译动态库
问题:-Wl,-rpath,/path/to/shared/lib将-rpath选项传递给链接器,告诉链接器在运行时搜索共享库时要搜索指定的路径/path/to/shared/lib 与 使用 -L 指定 lib 路径 有区别吗 是的,-Wl,-rpath和-L选项在链接器中有不同的作用和用途: - ......
Vue3中的Ref与Reactive:深入理解响应式编程
前言 Vue 3是一个功能强大的前端框架,它引入了一些令人兴奋的新特性,其中最引人注目的是ref和reactive。这两个API是Vue 3中响应式编程的核心,本文将深入探讨它们的用法和差异。 什么是响应式编程? 在Vue中,响应式编程是一种使数据与UI保持同步的方式。当数据变化时,UI会自动更新, ......
关于表单快速开发低代码技术平台的内容介绍
运用什么样的表单快速开发软件平台可以实现高效率创收?随着科技的进步和飞速发展,专业的低代码技术平台已经走入了很多企业的办公职场中,它们灵活、轻量级、优质、高效、易维护等优势特点,可以高效助力广大企业提质增效,并且利用数据资源,实现流程化办公。 什么是低代码技术平台?其实,低代码是无需编码(0代码)或 ......
学不会的动态规划——状压DP
前言 不知道为什么越是接近网络赛就越是静不下心来,可能也是因为开学了吧,QAQ,有一说一还是暑假比较适合训练。第一场网络赛,特意选了一个属于我们队的“风水宝地”(其实是我们去的早获得了优先选择权),但是好像并没有什么用,读题读巨慢,还被签到卡了2h(大概,有点不记得了),最后开j,队友推公式写了一手 ......
Vue2.x项目使用MAPBOX地图
Vue2.x项目 下载安装依赖 npm i mapbox-gl --save npm i mapbox-gl-controls --save 组件代码(注意在官网注册和token值申请) <template> <div class="mapbox-map001"> <p> https://www.m ......
微信小程序:获取不到表单数据
今天碰到了一件让我怀疑人生的事情:获取不到表单的数据,但是productName能获取到数据,其他的都获取不到数据,而且他们的写法一模一样。 <view class="contain" style="margin-bottom: 200rpx;"> <form bindsubmit="formSub ......
BootstrapBlazor组件库,EditorForm表单组件自定义提示
BootstrapBlazor组件库,EditorForm表单组件自定义提示 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的EditorForm表单组件时,不知道怎么修改提示文本。 解决方案 我们可以修改PlaceHolder的值,来修改默认的提示文本信息。 Razor代码 <E ......
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
vue el-table-column 内容省略号,根据数字展示内容,鼠标移上展示详情
鼠标移上展示详情:title="scope.row.fmContent" <el-table-column prop="fmContent" label="工单内容" <template slot-scope="scope"> <span :title="scope.row.fmContent"> ......
HbuilderX将Vue项目打包后的dist,打包成安卓apk安装包
1、先看这个(必看):https://www.cnblogs.com/lyt520/p/16545806.html 2、安装移动端log(如不需要可跳过此步骤) npm install vconsole main.js中引入: import VConsole from 'vconsole' cons ......
关于vue的axios请求的封装
先加载axios import axios from 'axios'; import Vue from 'vue'; import Qs from 'qs'; import urls from './url' import { Message } from 'element-ui'; //用来设置接 ......
中文图形验证码 动态图形验证码 图片验证码 验证码【加逻辑思路解析】
效果: 逻辑:生成数字随机数,再改为中文表示,返给前端。人为输入阿拉伯数字。(后端缓存中存入用户信息和随机数。做校验。) 主要测试code: Random rm = new Random(); String strcode = Integer.toString(rm.nextInt(900000) ......
ABP + Vue Docker 部署
#!/bin/bash echo " Welcome to docker build" echo "" echo "" ABP_HOST="abp/host" ABP_NG="abp/ng" cd .. echo " Building docker image $ABP_HOST..." # cd ......
vue3 将文件集合下载后导出zip文件
// 注意:文件的url一定是服务器上的地址 如http:xxxx // 先下载 npm i jszip file-saver // 封装 import JSZip from 'jszip' import FileSaver from 'file-saver' const getFile = (ur ......
vue3中使用pinia
1、 安装引入 npm install pinia main.ts中挂载 import { createPinia } from 'pinia' const pinia = createPinia(); app.use(pinia); 2、src下新建 store 文件夹(不同模块建立不同文件,在i ......
基于Java+vue开发的企事业移动培训考试平台
随着移动互联网的快速发展,越来越多的企业开始关注移动培训和考试平台的开发。为了满足这一需求,我们可以使用Java和Vue来开发一个基于移动端的企事业培训考试平台。 获取方式Q+: 262086839 一、背景和需求 企事业移动培训考试平台是一个基于Web的应用程序,旨在提供一个方便、高效的移动学习平 ......
vue3+elementplus 去除小数点后多余的0公用函数
vue3+elementplus 去除小数点后多余的0公用函数 export function removeTrailingZeros(value) { // 尝试将值转换为数字 const numericValue = parseFloat(value); // 检查是否成功转换为数字 if (! ......
Day05 - Vue之动态组件、插槽、项目的创建
动态组件 // 关键字: component // 使用方法: <component :is="who"></component> // component标签的is属性等于组件名字,这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta c ......
Day01 - Vue介绍
前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求, ......
Day03 - Vue语法使用
JS循环方式 JS循环方式 // 方式一: js循环 >for() >基于索引的循环 let i = 0 for (; i < 10;) { console.log(i) i++ } let list = [1, 2, 3, 4, 5, 6, 7, 8] for (let j = 0; j < li ......
Day02 - Vue 基础知识
模版语法 <body> <div id="app1"> <h1>模版语法</h1> <p>渲染字符串, 姓名:{{ name }}</p> <p>渲染字符串, 年龄:{{ age }}</p> <p>渲染数组类型, >:{{ list1 }}</p> <p>渲染数组类型按照索引取值, >:{{ li ......
Day06 - Vue项目的使用
解析Vue项目 // 1 为什么浏览器中访问某个地址,会显示某个页面组件 -根组件:App.Vue必须是: <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由: // 先导入 import ya ......