逻辑 联系人 功能vue3
VUE3 里面使用 vuedraggable 兼容tag="transition"的问题
vue3的拖拽tag="transition"报的错误 TypeError: Cannot set properties of null (setting '__draggable_context') 安装拖拽的时候，使用命令 yarn add @marshallswain/vuedraggable ......
vue3中使用defineExpose报TS-2339
title: "vue3+ts使用defineExpose报TS:2339" date: 2022-12-29 19:32:44 tags: ["Vue", "踩坑记录"] categories: ["前端篇"] 开头先把错误贴上 src/hooks/usePageSearch.ts:9:27 TS ......
vue3+ts使用v-for出现unknown问题
title: vue3+ts使用v-for出现unknown问题 date: 2022-12-27 19:00:45 tags: ['Vue','踩坑记录'] categories: ["前端篇"] 最近在写项目时遇到了一个问题,当我从父组件向子组件传数据并且需要将子组件对传入的数据进行v-for循 ......
点赞点踩及评论功能
文章点赞点踩 点赞点踩样式准备 ''' 浏览器上你看到的花里胡哨的页面，内部都是HTML(前端)代码 我们搭建的个人站点里面的文章内容应当写html代码 1.如何拷贝文章 <div class="postBody"> <div id="cnblogs_post_body" class="blogpo ......
若依框架下自定义字段集合类报表的导出功能
1.前端查询条件显示： <el-inputstyle=“width: 100px;”type=“number”v-model=“queryCondition[item.fieldName][0]”placeholder=“最小值”@change=“getMaxName(item.fieldName) ......
Vite + Vue3 +TS 项目搭建
安装 nvm 略 安装 node 略 使用 Vite创建项目 vite3.x 文档：https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project 使用 NPM: $ npm create vite@latest 使用 Yarn: $ ......
16.退出登陆功能
点击退出按钮，会弹出一个对话框，然后让你选择退出或取消，使用组件Modal组件 在header/index.jsx文件中代码如下： // 退出登陆 const navigate = useNavigate() const { confirm } = Modal function logout(){ ......
EasyCVR视频融合平台视频播放限制时长功能前端与后端配置的区别
EasyCVR平台还能支持多类型设备接入，覆盖市面上绝大多数的视频源设备，包括：IPC、NVR、视频编码器、无人机、车机设备、智能一体机、移动执法仪、应急布控球等。平台可提供一体化的视频接入、分发、存储、处理等能力，在线下具有丰富的应用场景，包括：智慧工地、智慧安监、智慧消防、智慧物流、智慧社区等。... ......
vue全家桶进阶之路50：Vue3 环境变量+跨域设置实例
使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_ ......
vue-input-directive 插件的使用（已兼容vue3.0）
codepen体验地址 github地址 安装、引入 npm install vue-input-directive --save import Vue from 'vue' import inputValidate from 'vue-input-directive' Vue.use(inputV ......
vue全家桶进阶之路49：Vue3 环境变量
vue3 环境变量 在Vue3中，可以通过环境变量来管理应用程序中的配置。这些配置可以包括后端API的URL、API key、跟踪ID等等。在不同的开发、测试、生产环境中使用不同的配置是非常有用的。Vue3允许使用.env、.env.local、.env.[mode]和.env.[mode].loc ......
SPI-SPI主机硬件片选功能使用说明
SPI主机硬件片选功能使用说明 SPI协议最早的标准，是由摩托罗拉公司制定。在协议使用的过程中，根据实际需求可能会进行一些扩展和修改。 在一份由飞思卡尔半导体发布的SPI V4.01版本规范中，对片选引脚做了如下的描述：The SS/ output feature automatically dri ......
安科瑞电动机保护器的功能特点及应用
安科瑞虞佳豪产品概述 安科瑞ARD3M适用于额定电压至660V的低压电动机回路，集保护、测量、控制、通讯、运维于一体。其完善的保护功能确保电动机安全运行，带有逻辑可编程功能，可以满足多种控制方式。可选配不同通讯模块适应现场通讯需求。该产品采用分体式结构，由主体、显示单元、互感器和选配的通讯模块组成， ......
Vue3 代码块高亮显示并可使用富文本编辑器编辑（highlight.js + wangEditor）
在Vue项目中实现以下功能： 功能1. 在页面中显示代码，并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑，编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块，动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装，若需使用其他方式请查阅官方文档) 安装代 ......
vue3 文件上传,fileChange中的一个问题,第二个参数问题
这里fileChange第二个参数，不可也用fileList会污染已经定义的响应式变量fileList <script setup> const fileList = ref([]) const fileChange = (file,fileList) => { fileList.value = f ......
vue3打包后一片空白控制台报错
问题原因是路径不对，加上一行代码就可完美解决问题。 在vue.config文件中加上 publicPath:'./' 即可解决问题。 问题如图所示： 如何解决问题呢？ ......
vue全家桶进阶之路48：Vue3 跨域配置devServer的参数和设置
devServer 是一个用于配置开发服务器的选项对象。它可以用来配置服务器的各种选项，例如代理，端口号，HTTPS 等。 以下是一些常用的 devServer 参数和设置： port：指定开发服务器的端口号，默认为 8080。 host：指定开发服务器的主机名，默认为 localhost。 htt ......
vue3 路由跳转：Cannot read properties of undefined (reading 'push')
在vue2中我们通常会在全局的接口请求里面设置拦截器，如果登录失效或者说其他情况需要跳转到登录页面或者说其他页面的，我们就使用this.$router.push实现vue3中同样使用改方式： import { useRouter } from 'vue-router'; const router = ......
vue3 源码
这文章写的很好 Compiler模块：编译模板系统。主要职责是将template编译成虚拟节点。 Runtime模块：也可以称之为Renderer模块，真正负责渲染的模块。主要职责是将虚拟节点渲染成真实元素，然后显示到浏览器上。 Reactivity模块：响应式系统。主要职责是监听响应式的数据，然后 ......
vue全家桶进阶之路47：Vue3 Axios拦截器封装成request文件
可以将Axios拦截器封装成一个单独的request文件，以便在整个应用程序中重复使用。 以下是一个示例，展示如何将Axios拦截器封装成一个request文件： 1、创建一个名为request.js的新文件，并导入Axios： import axios from 'axios'; 2、创建一个名为 ......
Vue3 入门（ref）
Vue3 入门（ref） let name = ref('jack') 首先我们得明白，ref函数返回的是一个RefImpl对象的实例，所以此时name的值是一个复杂数据类型Object，它里面有个value属性，就是它的值，而其它的属性皆是下划线开头的，我们不关注，因为这类属性一般不是给我们开发用 ......
【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统（前后端开源@有来开源组织）
本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1，相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。v2 版本发布也标志着有来开源组织的 SpringBoot3 + Vue3 前后端分离开源项目到达新的里程碑，希... ......
05-Vue的举例：列表功能
title: 05-Vue的举例：列表功能 publish: true 列表功能举例 步骤 1：列表功能 完整的代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con ......
关于vue3中Scope slot实战中使用
今天学了啥-23/03/28 vue提供slot机制让组件可以接收模板片段，来渲染模板片段。比如最常见的button组件，基本是如下这样使用。 <FancyButton> Click me! <!-- 插槽内容 --> </FancyButton> FancyButton 组件则是这样： <butt ......
利用网页审查元素功能下载 网页版酷我音乐
打开 音乐播放页面，一定要先让音乐播放，播放了才能获取到音乐地址； 一定要先让音乐播放，播放了才能获取到音乐地址 一定要先让音乐播放，播放了才能获取到音乐地址 然后F12调出 审查元素，然后按截图步骤走就行， ......
vue全家桶进阶之路46：Vue3 Axios拦截器和globalProperties全局设置
在Vue.js 3中，使用Axios与Vue.js 2.x中类似，但是需要进行一些修改和更新，下面是Vue.js 3中Axios的定义和使用方式： 首先，你需要安装Axios和Vue.js 3.x，可以使用npm或yarn等包管理工具安装： npm install axios vue@next 然后 ......
小程序开发 对话框功能
前言 小程序的对话框其实已经帮你实现了很多类型，原则上没有特殊需求不需要自定义开发对话框，所以写这篇博客有点多余，因为微信文档上讲解的还是挺不错的。但是，有一个很不爽，他们没给效果图，所以这篇博客是带着效果图看看小程序的对话框效果。 参考的微信文档：wx.showToast(Object objec ......
HTML实现文件上传下载功能实例解析
前言 文件上传是一个老生常谈的话题了，在文件相对比较小的情况下，可以直接把文件转化为字节流上传到服务器，但在文件比较大的情况下，用普通的方式进行上传，这可不是一个好的办法，毕竟很少有人会忍受，当文件上传到一半中断后，继续上传却只能重头开始上传，这种让人不爽的体验。那有没有比较好的上传体验呢，答案 ......
Vue3 日历组件的实现
Vue3 日历组件的实现 以下是一个基于 Vue 3 实现的简单日历组件的代码示例。这个日历组件包含了前一个月、当前月、下一个月的日期，并且可以支持选择日期、切换月份等功能。 <template> <div class="calendar"> <div class="header"> <button ......
工单系统具备哪些功能？
现如今，工单系统被广泛使用，然而工单系统的定义、常用功能、应用场景等，依然有部分人不是特别了解，今天一起来了解一下工单系统具备哪些功能。一．什么是工单系统？工单系统的定义是指记录、处理和跟踪一项工作的完成情况，是通过系统流程的设定和不同场景的应用，解决企业内部事务管理和外部客户服务的综合性软件系统。 ......