vue-computed computed vue

ant design vue的customRender()方法中使用$createElement提示undefined

ant design vue的customRender()方法中使用$createElement提示undefined报错信息如下:TypeError: Cannot read properties of undefined (reading '$createElement') 原因:如果index ......

【vue3】实现el-tree组件

禾小毅 csdn博客 【vue3】实现el-tree组件,将不同层级的箭头修改成自定义图标的组件封装及调用 【vue3】实现简易的 “百度网盘” 文件夹的组件封装实现 【vue3】 实现 公共搜索组件,在当前页搜索的路由跳转不能改变当前值的操作,使用bus / event-emitter 派发器 ......
组件 el-tree vue3 tree vue

vue前端预览pdf并加水印、ofd文件,控制打印、下载、另存,vue-pdf的使用方法以及在开发中所踩过的坑合集

> **根据公司的实际项目需求,要求实现对pdf和ofd文件的预览,并且需要限制用户是否可以下载、打印、另存pdf、ofd文件,如果该用户可以打印、下载需要控制每个用户的下载次数以及可打印的次数。正常的预览pdf很简单,直接调用浏览器的预览就可以而且功能也比较全,但是一涉及到禁止用户打印、另存的话就 ......
水印 前端 使用方法 vue pdf

vue WebUploader 分块上传

​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na ......
WebUploader vue

vue 视频隐藏controls功能按钮

/*video默认全屏按钮*/ video::-webkit-media-controls-fullscreen-button{ display: none !important; } /*video默认aduio音量按钮*/ video::-webkit-media-controls-mute-b ......
按钮 controls 功能 视频 vue

vue devtools安装及使用

(1)chrome商店下载 进入浏览器的设置: ![](https://img2023.cnblogs.com/blog/1599580/202306/1599580-20230621133531522-1556945130.png) ![](https://img2023.cnblogs.com/ ......
devtools vue

vue项目主题切换参考

1.https://blog.csdn.net/czc1997/article/details/126171541 2.https://www.jb51.net/article/272615.htm 3.https://www.jb51.net/article/213871.htm 4.https: ......
项目 主题 vue

关于vite创建vue3项目@代替src失效的问题

用vite创建的vue3项目,用@来代替src不生效。报错:[vite] Internal server error: Failed to resolve import "@/views/xxxxxxxxxxxxx" from "src\views\dashboard\index.vue". Doe ......
项目 问题 vite vue3 src

vue3+vite+TS搭建项目

## 安装 npm安装方式 ```shell npm init vue@latest ``` pnpm安装方式(二选一) ```shell pnpm create vue@latest ``` 然后设置项目名称,接着选择自己需要的配置,安装完成 ......
项目 vue3 vite vue TS

Electron Vue Vite 开发桌面应用

## 我需要使用Electron, VUE3, Vite 开发一个桌面应用,接收来自串口的数据,并使用Plotly绘制随时间变化的曲线,请提供开发步骤,项目文件结构 好的,以下是一个基本的 Electron + Vue3 + Vite 应用的开发步骤: 确保您已经安装了 Node.js 和 npm。 ......
Electron 桌面 Vite Vue

vue使用vue-seamless-scroll自动滚动插件

首先运行命令npm install vue-seamless-scroll --savetemplate: <div class="publicNotification" @click="toDetail($event)"> <vue-seamless-scroll :class-option="p ......

2023-06-21 vue 变量赋值失败

直接看代码: // 获取屏幕高度 uni.getSystemInfo({ success: function (res) { this.screHeight = res.screenHeight; } }); 这个变量screHeight没有被赋值,拿到的还是我设置的初始值。 原因:this指向的作 ......
变量 2023 vue 06 21

前端Vue自定义列表表格信息展示可用于商品规格参数展示

#### 前端Vue自定义列表表格信息展示可用于商品规格参数展示 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13131 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
前端 表格 规格 参数 商品

前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用

#### 前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用, 下载完整代码请访问uni-app插件市场地址:[https://ext.dcloud.net.cn/plugin?id=13128](https://ext.dcloud.net.cn/plugin?id=13119) # ......
前端 顶部 历史 Vue

OpenCL(Open Computing Language,开放计算语言)杂谈

OpenCL(Open Computing Language,开放计算语言)杂谈 参考文献链接 https://zhuanlan.zhihu.com/p/602844623 1. 介绍 OpenCL(Open Computing Language,开放计算语言):从软件视角看,它是用于异构平台编程的 ......
Computing 杂谈 Language 语言 OpenCL

vue组件-在组件中定义methods方法

```html 这是用户自定义的Test.vue {{ username }} 修改用户名 ``` ......
组件 methods 方法 vue

vue-cli-组件的三个组成部分

# vue组件的三个组成部分 每个.vue组件都由3部分构成,分别是: - `template`->组件的`模块结构` - `script`->组件的`JavaScript行为` - `style`->组件的`样式` ```vue 这是用户自定义的Test.vue {{ title }} ``` ......
组成部分 组件 三个 vue-cli 部分

vue-cli-了解vue项目运行的过程

# vue项目的运行流程 在工程化的项目中,vue要做的事情很简单:通过`main.js`把`App.vue`渲染到`index.html`的指定区域中。 ```JS // 导入vue这个包,得到Vue构造函数 import Vue from 'vue' // 导入App.vue根组件,将来要把Ap ......
vue 过程 vue-cli 项目 cli

基于springboot+vue的药房管理系统、药店管理系统,附源码+数据库+论文+PPT,适合课程设计、毕业设计

**1、项目介绍** 本文主要面向逍遥大药房管理中出现的一些常见问题,将其与计算机管理系统结合起来。通过这个系统,管理员可以更加方便的管理逍遥大药房信息;可以清楚的了解逍遥大药房信息管理情况;以管理员登录系统,通过首页,个人中心,用户管理,保健品分类管理,药品分类管理,药品信息管理,疫情常识管理,保 ......

vue 鼠标移入移除

移入: mouseover和mouseenter最本质的区别是:mouseover支持事件冒泡,mouseenter不支持事件冒泡。移除:mouseleave 仅在指针离开元素时被触发,不冒泡;而 mouseout 在指针离开元素或进入该元素的子元素时均会被触发 ......
鼠标 vue

vue3+vite 动态引用静态资源,动态引入assets文件夹图片的几种方式

可以参考这个回答,亲测有用 https://blog.csdn.net/weixin_43743175/article/details/125892613 ......
动态 静态 文件夹 方式 文件

vue2,vue3新建项目的方法

npm 创建 只能创建最新的vue3(会引导你添加需要的组件) npm init vue@latest vue-cli 命令行创建(可以选择vue2还是vue3,但是创建出来的是一个空的vue) vue create hello-world vue-cli 可视化创建(可以新建项目,也可以给项目添加 ......
vue 方法 项目 vue2 vue3

vue2调用摄像头拍照并识别二维码

参考: https://blog.csdn.net/qq_33270001/article/details/124632110 https://www.cnblogs.com/skylineStar/p/16149694.html 图像解二维码:qrcode-decoder 摄像头需要在本地和ssl ......
摄像头 vue2 vue

2023-06-20 uniapp 使用插件 uni-data-picker 报错:[Vue warn]: Error in nextTick: "TypeError: db.collection is not a function"

前言:项目中引用了uni-data-picker插件,其官方代码如下: <uni-data-picker placeholder="请选择地址" popup-title="请选择城市" c ollection="opendb-city-china" field="code as value, nam ......

vue3和ts的一些使用

### 一. setup 变量不在写在data里面, 反而在setup内写。 ``` ``` ***ps:*** 1. 使用ref定义字符串,数组等变量值; 2. 变量赋值需要使用.value; ### 二. reactive ``` ``` ***ps*** 1. reactive 接收对象。 2 ......
vue3 vue

菜鸟工作日记--------------记录一次vue npm install时报错Maximum call stack size exceeded的解决过程

因为有一个项目需要修改一下前端,运行时报错,就使用npm i 补充一下依赖 没想到npm i 也报错了 在网上搜了一些方法 有一个是这样说的:在使用npm install 命令安装 npm 包时,遇到 “Maximum call stack size exceeded” 报错信息 解决办法: 可以将 ......
exceeded 时报 过程 install Maximum

vue学习第24天 移动WEB开发------ rem适配布局

目标: 1)能够使用rem单位 2)能够使用媒体查询的基本语法 3)能够使用Less的基本语法 4)能够使用Less中的嵌套 5)能够使用Less中的运算 6)能够使用2中rem适配方案 7)能够独立完成xx移动端首页 思考: 1、页面布局文字随屏幕大小变化而变化 2、流式布局和flex布局主要针对 ......
布局 vue WEB rem

vue配置scss全局样式

1. 安装插件 ```shell npm install sass --save-dev ``` 2. 在src文件夹下创建`styles`文件夹,并创建以下文件 ![在这里插入图片描述](https://img-blog.csdnimg.cn/86ddf91ee31644328152197e518 ......
全局 样式 scss vue

vue学习第22~23天。 xxx移动端制作

项目地址后续添加: xxxx 1、属性选择器只用一个类名, 设置多个相同元素 使用属性选择器就可以给他们添加相同的样式 2、背景线性渐变 注意:背景渐变必须添加浏览器私有前缀 ......
vue xxx

vue学习第21天 移动WEB开发 --- flex布局(弹性布局)

学习目标 1、flex盒子的布局原理 2、flex布局的常用属性 3、独立完成某个移动端首页案例 目录 1、flex布局体验 2、flex布局原理 3、flex布局父项常见属性 4、flex布局子项常见属性 5、案例制作 flex布局体验 1、传统布局与flex布局 建议: 1)如果是PC端页面布局 ......
布局 弹性 flex vue WEB