signaturepad简易 电子vue

Vue router 跳转

useRouter(跳转), useRoute(获取路由参数) // login.vue // 路由跳转-引入-01 import { useRouter } from "vue-router"; // 路由跳转-实例化后-02 // useRouter 使用push方法进行跳转 const rou ......
router Vue

数学电子教材

前言 收集整理各种版本的数学电子教材。 最新人教 1、普通高中教科书·数学(A版)必修_第一册样张 2、普通高中教科书·数学(A版)必修_第二册样张 3、普通高中教科书·数学(A版)选择性必修 第一册 4、普通高中教科书·数学(A版)选择性必修 第二册 5、普通高中教科书·数学(A版)选择性必修 第 ......
教材 数学 电子

vue 加减乘除精度问题处理

安装 bignumber.js yarn add bignumber.js 新建bignumber.js文件 import { BigNumber } from 'bignumber.js' 加 export const plus = (a, b) => { const newPlus = new ......
加减乘除 精度 问题 vue

vue的几个记录

1.父组件传递子组卷数组参数 props: { boxData: { type: Array, default: () => [], //重点 }, 2.要实现父组件传递子组卷的参数动态更新 (父-》子-》子,也只需要在最后一个子组件监听即可。) 需要用到监听器 watch:{ //监听父组件传递的 ......
vue

Vue登录页

1. 创建login.vue文件 // @/pages/login.vue <el-form ref="formRef" :rules="rules" :model="form"> <el-form-item prop="username"> <el-input v-model="form.user ......
Vue

Vue2异步更新及nextTick原理

vue2.7 源码中,nextTick并没有直接使用某个 API ,而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks,用于存储 nextTick 回调 ......
nextTick 原理 Vue2 Vue

vue-day2

绑定class样式 :class="" (v-bind的缩写) 修改vue维护的数据,而非直接操作dom 绑定style,内联样式,交给vue管理(要对象,或者数组) font-size -> fontSize 换位驼峰 ⭐⭐⭐vue条件渲染 v-show 底层 -> 调整style行内样式, di ......
vue-day vue day

vue之插槽

####################### ######################### ......
vue

使用Eclipse开发Vue——CodeMix够智能

使用Eclipse开发Vue——CodeMix够智能 Eclipse的CodeMix插件允许您访问 VS Code和Code OSS扩展社区,以及 Webclipse 1.x 功能。 Vue.js是构建用户界面的渐进式框架。核心 Vue 库只关注视图层,但很容易将其与其他库或现有项目集成。如果您想在 ......
Eclipse CodeMix 智能 Vue

vue-router

################### npm install vue-router Vue.use()方法的源代码如下: function install(Vue) { // 避免重复安装插件 if (install.installed && _Vue Vue) return install.in ......
vue-router router vue

Vue——patch.ts【十四】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们扩展下 Vue 的 patch。 内容 这一块主要围绕 vue 中的__patch__进行剖析。 __patch__ Vue.prototype.__patch__的方法位于scr/platforms/web/runtime/in ......
patch Vue ts

Vue开发规范

############################### 单文件组件内容: <!--componentA.vue--> <script>/*...*/</script> <template>...</template> <style>/*...*/</style> 组件相关: 尽可能的减少wa ......
Vue

Vue Router 学习整理

Vue Router 是Vue.js的官方路由。它与Vue.js 核心深度集成,让用Vue.js构建单页应用变得轻而易举。功能包括: 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由Vue.js的过度系统提供的过渡效果 细致的导航控制 自动激活CSS类的链接 H ......
Router Vue

VUE-Antd开发,validate规则校验第一次为空,后面无论怎么输入都显示不可为空

问题描述 场景是修改弹窗,给数据赋值,其中数据有String 和 Array 第一次操作 多选框(数据类型是Array)输入为空并在输入框外点击,显示不可为空。 之后无论怎么输入都显示不可为空。(当你控制台输出校验value时,会发现里面的值永远是第一次操作的数据,而非为空) 可能原因 1️⃣rul ......
VUE-Antd validate 规则 第一次 Antd

Koodo Reader 是一个跨平台的电子书阅读器

Koodo Reader 是一个跨平台的电子书阅读器。平台支持 Windows,macOS,Linux 和网页版,格式支持 epub, pdf, mobi, azw3, txt, djvu, markdown, fb2, cbz, cbt, cbr, rtf 和 docx。支持阅读 epub, pd ......
阅读器 电子书 Reader Koodo 电子

ant-design-vue日历面板 a-calendar 属性自定义设置

通过自定义属性设置,实现一个周末与工作日的不同颜色设置 效果图: 使用的属性: 自定义头部设置 headerRender 自定义日期显示 dateFullCellRender 代码: <template> <div class="box"> <h3>1.自定义头部; 2.自定义日期显示,工作日显示, ......

将Vue项目部署到Tomcat服务器上(简单、粗暴)

1. 将项目打包 Vue中自带webpack,可以通过一行命令将项目打包 # 执行该命令打包 npm run build 2. 上传相应文件到服务器上 打包完成后,项目中会多出一个dist文件夹, 这个文件夹中就包含html、css、js等文件 直接将dist文件夹上传到Tomcat的ROOT目录下 ......
服务器 项目 Tomcat Vue

Vue常用指令

常用指令 指令:HTML标签上带有V-前缀的特殊属性,不同指令具有不同含义。 常用指令 | 指令 | 作用 | | | | | v-bind | 为HTML标签绑定属性值,如设置href , css样式等 | | v-model | 在表单元素上创建双向数据绑定 | | v-on | 为HTML标签 ......
指令 常用 Vue

html页面里面的button标签使用@click属性时,无法定位到Vue的method里面

问题解决 就很离谱,都是按照网上的教程来的,一直无法定位,之后跟着加上了div标签,加上了id属性,方法还是灰白色,调用不了; 后来直接将el属性名称更改掉了,没想到这样就成功识别到了,反正就是逻辑没有出问题,最后也达到期望值了。 ......
属性 页面 标签 button method

vue-router 设置active路由颜色

声明:以下是vue3设置方式,vue2一样 第一步 createRouter({ // router-line-active 可以自定义别的名字,随便 linkActiveClass: 'router-line-active', history: createWebHistory(), routes ......
路由 vue-router 颜色 router active

教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

这篇如果 Vue 和 CesiumJS 不发生史诗级的变动,应该不会再有后文了。主要是这类文章没什么营养。 这篇主要修正上篇 https://www.cnblogs.com/onsummer/p/16629036.html 中一些插件的变化,并升级开发服务器的版本。 心急的朋友拉到文末,有示例工程链 ......
CesiumJS 教程 Vue3 2023 Vue

vscode 开发 vue3项目 , src 别名 为 @ ,报错

https://geekdaxue.co/read/me-note@vue/mydm8l 需要设置 basicURL 然后就生效了 { "compilerOptions": { // 设置解析非相对模块名称的基本目录 "baseUrl": ".", // 设置模块名到基于baseUrl的路径映射,可 ......
别名 项目 vscode vue3 src

Vue3 如何查看挂载在 vue 上的 全局组件

使用app.component 查看 [1]你可以通过全局 API app.component 注册全局组件并查看。在 Vue 3 中,你可以通过以下方式来查看挂载在 app 上的全局组件: const app = createApp({}); // 全局注册组件 app.component('my ......
全局 组件 Vue3 Vue vue

vue2源码-一、rollup环境配置

npm init -y创建初始化package.json并修改script为"dev": "rollup -cw " 安装rollup及其插件: npm install rollup rollup-plugin-babel @babel/core @babel/preset-env --save-d ......
源码 环境 rollup vue2 vue

第二周vue学习

单文件组件: 框架: 如果我们的组件为一个,通常采用默认暴露:export default school(名字) 上图中,name:“school”;组件名通常与xxx.vue名相同(name省略也可以运行,组件名则会被随便取) app.vue:汇总全部组件 main.js:创建vue实例,并且指明 ......
vue

在Vue中使用键盘事件,回调函数被执行两次

暂时先不考虑v-for的key,查看下面的代码 <template> <div> <form @submit.prevent="addTask"> <span>请输入待办事项:</span> <input type="text" placeholder="请输入..." v-model="text" ......
函数 键盘 事件 Vue

npm err! command sh -c vue-cli-service serve

代码中给到的node_modules没法直接使用 从新install rm -rf node_modules npm install https://www.jianshu.com/p/9bc970082020 ......
vue-cli-service command service serve npm

vue-router传参问题

// 字符串路径 router.push('/users/eduardo') // 带有路径的对象 router.push({ path: '/users/eduardo' }) // 命名的路由,并加上参数,让路由建立 url router.push({ name: 'user', params: ......
vue-router router 问题 vue

vue中使用web-editor-markdown在线编辑浏览markdown

web-editor-markdown是Web浏览器中的Markdown编辑器,用于实时渲染,如.它基于 TypeScript 和 JavaScript,不依赖于任何第三方框架。它支持中文友好,可以轻松扩展并连接到原生JavaScript,Vue,React,Angular和其他应用程序。它提供四种 ......
markdown web-editor-markdown editor vue web

Python简易学生管理系统

目录结构: 1、 学生文件 student.py # 学生类 class Student(object): # 存放学生信息 student_info = {} # 学生初始化方法 def __init__(self,id,name,addr,tel): self.id = id self.name ......
简易 管理系统 Python 学生 系统