signaturepad简易 电子vue

图书商城Vue+Element+Node项目练习(...)

本系列文章是为学习Vue的项目练习笔记,尽量详细记录一下一个完整项目的开发过程。面向初学者,本人也是初学者,搬砖技术还不成熟。项目在技术上前端为主,包含一些后端代码,从基础的数据库(Sqlite)、到后端服务Node.js(Express),再到Web端的Vue,包含服务端、管理后台、商城网站、小程... ......
Element 商城 项目 图书 Node

vue 扫码枪获取条形码逻辑

###直接贴代码 ``` ``` ......
条形 条形码 逻辑 vue

vue-element-admin依赖包安装报错解决

按照官网安装vue-element-admin步骤: 1. git clone 2. npm install: 安装依赖包时报错 报错后进行原因排查,排查过程中,遇到过的报错情况: c:\program files\git\mingw64\bin\git.exe ls-remote -h -t ss ......
vue-element-admin element admin vue

vue 弹框分左右两部分

<div class="dialog_diy" > <el-dialog :visible.sync="otherShow" :close-on-click-modal='true' width="40%" height="80%"> <div slot="title" class="header- ......
部分 vue

vue-element table表格排序推拽功能

// 1.安装sortablejs npm install sortablejs --save // 2.功能页面中引入 import Sortable from ‘sortablejs’ 具体使用(注意:element table务必指定row-key,且row-key必须是唯一的,如 id,不然 ......
vue-element 表格 element 功能 table

Vue为什么不推荐直接操作dom

Vue不推荐开发者直接操作dom(当然这并不表示不能这么做),有以下几个原因: 破坏了代码模块化结构导致代码腐化: 组件原本可以控制哪些dom操作可以对外暴露(即对应methods中的方法),但直接操作dom跳过了这个控制,这会导致不可预料的后果。 例如组件A中有一个输入框,且组件A没有暴露可以删除 ......
Vue dom

node.js的删除安装及vue-admin-template的下载

删除18 node版本过高(18了),这里需要16,因此将原来的node删除. 删除的方法是在设置中搜索node并找到,然后傻瓜式删除. 安装16 直接一路next确认就行 检查版本 vue-admin-template下载 这是一个版本为4.4.0的基础框架(官网:https://panjiach ......
vue-admin-template template admin node vue

2023.6.28 - vue项目打包内存堆栈溢出JS stacktrace

![](https://img2023.cnblogs.com/blog/2622524/202306/2622524-20230628143220836-842941430.png) vue项目打包时报错,JS stacktrace : Reached heap limit Allocation ......
堆栈 stacktrace 内存 项目 2023

vue3+vite+js配置路径别名

1、让vscode认识@符号 项目下新建jsconfig.json,配置 baseUrl,paths 参数 { "compilerOptions": { "target": "esnext", "useDefineForClassFields": true, "module": "esnext", ......
别名 路径 vue3 vite vue

VUE http大文件断点续传上传

​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传,本文主要介绍服务端实现文件上传的步骤及 ......
断点 文件 http VUE

vue中watch侦听器,deep和immediate的用法

1、deep深度监听的用法 当监听一个对象时,可能想监听整个对象的变化,而不仅仅是某个属性。但在默认情况下,如果你正在监听formData对象并且修改了formData.username,对应的侦听器并不会触发,它只在formData对象被整个替换时触发。 监听整个对象被称作深度监听,通过将deep ......
侦听器 immediate watch deep vue

深入剖析:Vue核心之虚拟DOM

前言 使用 Vue 做项目也有两年时间了,对 Vue 的 api也用的比较得心应手了,虽然对 Vue 的一些实现原理也耳有所闻,例如 虚拟DOM、flow、数据驱动、路由原理等等,但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的,所以利用空闲时间,进行 Vue ......
核心 Vue DOM

vue定时器

```js export default{ methods:{ fun1(){ const timer = setInterval(()=>{ //需要做的事情 },1000); //通过$once来监听定时器,在beforeDestroy钩子可以被清除。 this.$once('hook:befo ......
定时器 vue

vue input实现模糊搜索,input实现搜索下拉提示

html <input type="text" v-model="searchContent" style="border:1px solid red" @input="inputFun2"> <div v-for="(item,index) in optionsData" @click="getO ......
input vue

《WPF应用开发项目教程》pdf版电子书免费下载

《WPF应用开发项目教程》以项目化任务驱动式组织教学内容,循序渐进地介绍WPF的开发环境、XAML基础、Application类、窗体、布局控件、常用控件、路由事件、系统命令库、自定义命令、Binding、资源、样式、模板、触发器等,使读者不仅能够学习WPF的各种开发知识,而且能够培养分析问题、解决 ......

vue3

# https://cn.vuejs.org/guide/introduction.html#what-is-vue # 简介 ``` import { createApp } from 'vue' createApp({ data() { return { count: 0 } } }).moun ......
vue3 vue

前端Vue自定义手机号文本格式化组件手机号码文本转星号

#### 前端Vue自定义手机号文本格式化组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13231 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......
文本 星号 手机 前端 手机号

前端Vue自定义银行卡号格式化组件 中间卡号文本转星号

#### 前端Vue自定义银行卡号格式化组件 中间卡号文本转星号, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13230 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-c ......
卡号 星号 前端 组件 文本

前端Vue自定义微信支付弹框dialog alert popup

#### 前端Vue自定义微信支付弹框dialog alert popup, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13245 #### 效果图如下: #### ![](https://p3-juejin.byteimg ......
前端 dialog alert popup Vue

vue自动将px转换成rem

1.首先下载 lib-flexible npm install lib-flexible --save 2.在main.js中引用 lib-flexible import 'lib-flexible/flexible' 3.安装px2rem-loader(将px转换成rem) npm install ......
vue rem

vue3 vscode快捷模板

{ "Print to console": { "prefix": "v3", "body": [ "<script setup>", "import { ref, reactive, onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBe ......
模板 vscode vue3 vue

国家中小学智慧教育平台电子教材下载方法(2023-06-28)

平台的电子教材网址: https://basic.smartedu.cn/elecEdu 选择对应的教材后,默认情况下只能在线浏览。如想下载该pdf文件,可以用下列方法: 1、使用Chrome(或Chrome内核的Edge浏览器),在教材预览页面按F12(或者在页面右键菜单中选择“检查”),调出开发 ......
教育平台 中小学 智慧 教材 中小

Vue2.0针对设备调节显示内容方法

一晚上完成0.2.2、0.3.0、0.3.1三个版本的更新,很高兴,总结一下 项目地址: [穆音博客](https://blog.muvocal.com) 文章首发地址:[Vue针对设备调节显示](https://blog.muvocal.com/blog/11) ## Vue中进行优化的方式 总体 ......
方法 内容 设备 Vue2 Vue

vue脚手架引入less

安装依赖 npm i less@4.1.2,npm i less-loader@6.0.0 在页面使用加上lang='less' 和scope <style lang="less" scope> .el-menu-vertical-demo:not(.el-menu--collapse) { wid ......
脚手架 less vue

vue组件-使用Vue.component全局注册组件

# 通过components注册的时`私有子组件` 例如: 在`组件A`的components节点下,注册了`组件F`。 则组件F只能用在组件A中;不能被用在`组件C`中。 # 注册`全局组件` 在vue项目的`main.js`入口文件中,通过`Vue.component()`方法,可以注册全局组件 ......
组件 全局 component vue Vue

vue-组件-使用组件的三个步骤

# 组件之间的`父子关系` ![image](https://img2023.cnblogs.com/blog/1069029/202306/1069029-20230627222336229-924412005.png) # 使用组件的`三个步骤` ![image](https://img2023 ......
组件 步骤 三个 vue

vue透传 Attributes

### Attributes 继承​ 在此之前,先来弥补一个小知识点,vue3支持多个根节点,vue2不支持, ``` ``` “透传 attribute”指的是传递给一个组件,却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 c ......
Attributes vue

vue组件-启用less语法以及唯一根节点

```js 这是用户自定义的Test.vue {{ username }} 修改用户名 123 ``` ......
节点 语法 组件 less vue

vue3 defineExpose()

使用 script setup 的组件是默认关闭的——即通过模板引用或者 $parent 链获取到的组件的公开实例,不会暴露任何在 script setup 中声明的绑定。 可以通过 defineExpose 编译器宏来显式指定在 script setup组件中要暴露出去的属性: ``` ``` 当 ......
defineExpose vue3 vue

vue模板大小写区分

HTML 标签和属性名称是不分大小写的,所以浏览器会把任何大写的字符解释为小写。这意味着当你使用 DOM 内的模板时,无论是 PascalCase 形式的组件名称、camelCase 形式的 prop 名称还是 v-on 的事件名称,都需要转换为相应等价的 kebab-case (短横线连字符) 形 ......
大小 模板 vue