signaturepad简易 电子vue
[Vue] 案例：收集表单数据
创建一个表单，利用vue完成所有逻辑 准备一个容器 <div id="root"> <! @submit 指定提交行为， prevent阻止默认的刷新页面行为 > <form @submit.prevent="submitForm"> username: <input type="text" v-m ......
Vue3 + TS 搭建组件库
开始 在编写组件库之前，我们首先要对整个代码项目的解构有一个清晰的划分，以及用到的大多数规范，和代码风格有一个约定，这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具，用pnpm workspace来实现monorepo。可以看下面 ......
vue 富文本编辑器 wangeditor 自定义上传图片 以及 解决 复制粘贴 word 没有图片的情况
本人比较喜欢用这一款编辑器，官方文档：(用于 Vue React | wangEditor)，很详细。我主要来说说怎么使用customPaste 自定义粘贴的，怎么解决 复制粘贴 word ，没有图片的情况。 主要是关于 wangeditor 在 vue2 的使用 效果图： 先把完整代码放这里： < ......
vue3使用富文本编辑器wangEditor 5，增加自定义下拉框，并动态改变下拉框内容
官方资料 wangEditor 官网 效果展示 准备工作 这里按照 wangEditor 官网提供的 Vue3 Demo 操作就行，下面的内容可以直接跳过 安装 yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --sav ......
电子公文传输系统-个人贡献
个人完成的工作 博客内容撰写 1.团队展示 起队名，撰写本人队员风采 2.需求分析 撰写整篇博客 《需求规格说明书》 撰写引言 3.确定分工 修改完善上周提交的需求规格说明书，撰写上次《需求规格说明书》初稿的不足 4.描述设计 制作团队分工图，撰写工具选择 5.项目冲刺（1） 撰写整篇博客 5.项目 ......
Vue源码学习(十七):实现computed计算属性
好家伙，本章我们尝试实现computed属性 0.完整代码已开源 https://github.com/Fattiger4399/analytic-vue.git 1.分析 1.1computed的常见使用方法 1. 计算依赖数据：当某个数据发生变化时，computed属性可以自动更新，并返回计算结 ......
[Vue] vue如何监控数据的
vue会监测data属性下所有层次的数据变化 监控对象中的数据 通过setter监控，在新建vue实例时就要传入要监控的数据 对象中含有的，之后追加的属性，vue默认不做响应式处理，即没有对应的getter/setter 如果需要响应式处理，要利用对应的API Vue.set(target, pro ......
关于Vue3中调试APP触发异常：exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2309:15)解决方案
bug：reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->at us ......
vue3+vite项目优化静态资源使用云存储
项目中的问题 1. 当我们在维护自己的博客或者自己的网站的时候没有特别好的服务器就会响应特别的慢 2. 当我们项目特别大的时候也会首屏加载特别慢而且 vue项目打包后的js文件特别的庞大 还要加载各种资源就会特别的卡顿 3.当我们项目中用到了一些3D效果各种3D资源部特别的大的时候根本加载不出来 解 ......
聊一聊市面上电子签章产品的区别
关于电子签名技术衍生的产品厂商有很多，产品定义大致有这几种叫法：电子签章平台、电子合同平台、电子签约平台、电子印章平台等等。无论如何定义产品，在普通用户看来大同小异，但是我认为各有千秋，这可能与创始团队要打造的产品理念不同，也许想从名称上定义自己的产品理念。 目前市场上主流的几类厂商： 主打saas ......
vue2+element 表单内使用el-rate组件时，校验失败后重新校验通过了，但校验提示信息未消除
问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。 问题复现： 1.打开表单，直接点确定 2.填写完所有的选项后，仍未消除提示 解决：首先排除了v-model是否绑定正确，单词有无错误，校验有 ......
vue-router中的编程式导航api
常用的导航api有： this.$router.push('hash地址') 跳转到指定hash地址，并增加一条历史记录 this.$router.replace('hash地址') 跳转到指定hash地址，并替换到当前的历史记录 this.$router.go(数值n) 历史记录的前进和后退，数值 ......
js vue中pdf与img互转
需要 npm install vue-pdf 和 npm install pdfjs-dist，新建js文件 pdtToImg.js： import pdf from "vue-pdf"; import JsPDF from 'pdfjs-dist'; const PDFJS = require(' ......
关于解决vue报错"Problems loading reference 'https://schemastore.azurewebsites.net/schemas/json/package.json': Unable to load schema from...
打开setting时会看到有一条三角形的警告信息 看问题描述：无法从该网站加载 解决方法： 打开设置，找到扩展下的json项 设置之后可以在settings.json文件中看到新增加一项 "json.schemaDownload.enable": false 可以直接在界面上设置： "json.sc ......
Vue3中的Pinia
什么是Pinia 官方文档：https://pinia.vuejs.org/zh/introduction.html Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话，你可能会认为可以通过一行简单的 export const state = re ......
直播系统源代码，vue二种方式根据条件判断显示不同样式
直播系统源代码，vue二种方式根据条件判断显示不同样式 1.v-if-v-else/v-show的方式，只显示其中之一 #v-if v-else <div class="blue" v-if="item.num == '0'">{{ item.num }}</div><div class="oran ......
vue3 之 ArcoPro 后台管理系统
一、资料链接 Arco Design 的官网：https://arco.design/ Arco Design开箱的管理系统预览：https://vue-pro.arco.design/login vue3 项目创建的指南：https://arco.design/vue/docs/pro/start ......
vue报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'
直接使用npm install vue-router -save安装的路由，运行报错 经排查后发现是安装的vue-router版本太高 使用 npm uninstall vue-router 卸载之前安装的路由 使用 npm i vue-router@3.5.2 安装低版本的路由 问题解决！！！ ......
电子公文传输系统 团队作业 冲刺总结（二）
1.今日任务安排 各组员依照昨天认领的任务，学习自己的负责的模块的相关知识，自己上网查询或两两交流学习，主要学习数据库相关、 Java后端设计、WEB前端设计如CSS样表语法、JS语法等。 明确功能实现，主要学习相关功能的实现与应用，主要是JAVA接口的学习。 2.遇到的困难 3.燃尽图 ......
邀请函 | 合作发展，赋能增效--新架构下汽车电子软件研发技术研讨会
会议介绍 随着汽车智能化、网联化快速演进，“软件定义汽车、架构定义软件”愈发形成行业共识。汽车上的软件应用在提升用户体验、推动行业技术创新方面发挥着至关重要的作用。 在此背景下，如何有效地提升软件开发效率、更好地管理软件质量、满足行业安全标准要求，从而为软件开发和管理团队赋能，赢得智能网联汽车竞争的 ......
vue axios all 接口全部成功之后进行其它操作
setSelf() { const arr: any = [] list?.forEach((item) => { const obj = { id: 1 } arr.push(obj) }) arr.push() return this.api?.set1Type(arr) // 调接口 }, s ......
el-check省市区选择组件 vue3
引用组件 // city_dialog.vue //PopWindow 弹出层组件 //AreaList 省市区数据组件 //areaData 省市区数据 <PopWindow :dialogVisible="dialogVisible" title="省市区选择" sizeType="large" ......
电子公文传输系统 团队作业 冲刺（一）
各个成员在Alpha阶段认领的任务 成员 项目任务 林道坤 前端界面 周擎睿 数据库设计 张树杰 数据库设计 宁心宇 加密实现 李文婧 前端界面 明日任务安排 成员 项目任务 林道坤 配置JAVA编译环境，学习javascript 周擎睿 下载MYSQL，学习SQL语句 张树杰 学习JDBC连接数据 ......
父组件 同步修改/传值 子组件 vue3
父组件 //引入子组件 <jyqk :selectData="selectData" ref="jyqk_ref"></jyqk> import fxjy from "./components/fxjy.vue"; const jyqk_ref = ref<any>(); const change_ ......
echart 防止多次渲染 无数据时显示暂无数据 vue3
//基于准备好的dom，初始化echarts实例 const barDOM: any = ref(); var myChart: any; let echartNull: any = null; // 渲染echart const init_chart = () => { if (myChart ! ......
数组对比大小 vue3
let t_data = sortByKey(pz_data.data, "yield_per_mu"); //array：当前数组 //key：数组中需要比较大小的值 export const sortByKey = (array: any, key: any) => { return array ......
数字千分比格式化 vue3
{{ numberToCurrencyNo(1245) }} export const numberToCurrencyNo = (value: any) => { if (!value) return 0; // 获取整数部分 const intPart = Math.trunc(value); ......
vue3 标题组件
<template> <div class="header_body"> <div class="header_inner"> <div class="title_line"></div> <el-row class="titleBodyComl"> <div class="icon"> <div ......
我的vue cli安装
1 配置npm镜像仓库 npm config set registry https://registry.npm.taobao.org npm config set disturl Node.js Mirror ......
Vue购物车一些参考
1. 子组件给父子件传参 然后循环2 v -for = "(sel,selindex) in selectalls" 括号中间逗号3. 给数据的每个对象插入属性值 vm.$data.all.map(item => { vm.$set(item, 'selectNum', 0) vm.$set(ite ......