vue-print功能print vue

Vue3+TS+Vite中 vConsole 插件的使用

vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的,可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
插件 vConsole Vue3 Vite Vue

vue3 elementplus 表格表头过长 三个点显示

vue3:const renderHeaderMethods = ({ column }) => { return createVNode( resolveComponent('el-tooltip'), { effect: 'dark', content: column.label, placem ......
表头 elementplus 表格 三个 vue3

AI智能分析平台/可视化监控云平台EasyCVR邮箱验证功能的实现操作

视频汇聚/视频云存储/集中存储/视频监控管理平台EasyCVR能在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,实现视频资源的鉴权管理、按需调阅、全网分发、云存储、智能分析等,视频智能分析平台EasyCVR融合性强、开放度高、部署轻快,在智慧工地、智慧园区、智慧工厂、智慧码头、 ......
平台 邮箱 EasyCVR 功能 智能

nginx部署vue编译项目刷新页面404

原因:nginx配置错误。 因为vue打包输出的是单页网页应用,只有一个index.html入口,其他路径是由前端路由去跳转的,服务器目录下没有对应物理路径,所以就会报404。 这样的nginx配置会出现该问题。 location / { alias /home/vue/dist/; index i ......
页面 项目 nginx 404 vue

vue3学习之Pinia状态管理

状态管理 src/views/Pinia.vue <script setup> import { ref } from "vue"; import { storeToRefs } from "pinia"; import { useCounterStore } from "../stores/cou ......
状态 Pinia vue3 vue

JavaWeb - Day12 - 基础登录功能、登录校验(重点)、登录认证、异常处理

01. 登录基础功能 在前面的课程中,我们已经实现了部门管理、员工管理的基本功能,但是大家会发现,我们并没有登录,就直接访问到了Tlias智能学习辅助系统的后台。 这是不安全的,所以我们今天的主题就是登录认证。 最终我们要实现的效果就是用户必须登录之后,才可以访问后台系统中的功能。 1.1 需求 在 ......
重点 JavaWeb 功能 基础 Day

vue3学习之逻辑复用

逻辑复用-组合式函数 src/views/ad/User.vue <script setup> import { useMouse } from "../../js/mouse.js"; import { useFetch } from "../../js/fetch.js"; import { r ......
逻辑 vue3 vue

Charles 功能介绍和使用教程

Charles 功能介绍和使用教程 Android爱好者 2018-08-27146,318阅读24分钟 Charles 简介 Charles 是在 PC 端常用的网络封包截取工具,在做移动开发时,我们为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析。除了在做移动开发中调试端口外,Cha ......
Charles 功能 教程

vue3学习基础之组件

组件 Comp.vue <script setup> import { ref, provide, readonly, defineAsyncComponent } from "vue"; import DemoComp from "../../components/simple/DemoComp. ......
组件 基础 vue3 vue

vue3学习基础之响应式状态

响应式状态 <script setup> import { ref, reactive, computed, watch, watchEffect } from "vue"; //reactive 响应式对象 只能用于对象、数组和集合类型 const author = reactive({ name ......
状态 基础 vue3 vue

vue3学习基础之事件绑定

事件绑定 <script setup> import { nextTick, ref } from "vue"; function clickA() { console.log("点击了a标签,点击事件传递到了外层p标签"); } function clickStop() { console.log ......
事件 基础 vue3 vue

vue3学习基础之表单相关

表单相关 <script setup> import { ref } from "vue"; const message = ref("hello"); const checked = ref(); const checkedNames = ref([]); const picked = ref() ......
表单 基础 vue3 vue

做接口测试的流程一般是怎么样的?UI功能6大流程、接口测试8大流程这些你真的全会了吗?

在讲接口流程测试之前,首先需要给大家申明下:接口测试对于测试人员而言,非常非常重要,懂功能测试+接口测试,就能在企业中拿到一份非常不错的薪资。 这么重要的接口测试,一般也是面试笔试必问。为方便大家更好的记住接口测试流程,先给大家普及下最常见的UI功能测试流程,然后找接口和功能两种测试的不同之处再做说 ......
流程 接口 全会 功能

vue3学习基础之vue-router

我的vue3学习之路总是学学停停,最开始在18年开发微信小程序,就发现小程序和vue的语法有些相似,然后就去看了vue2的文档,随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3,有了组合式api,语法简明很多,然后又不知道忙什么丢下。。。 前段有些空时间,就把vue3的学习整理下,使用vi ......
vue-router vue 基础 router vue3

【源码系列#04】Vue3侦听器原理(Watch)

本章目标:侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的?回调时机immediate是如何实现的?关于onCleanup,一个用于注册副作用清理的回调函数是如何实现的? ......
侦听器 源码 原理 Watch Vue3

【Vue】依赖追踪

在明白原理之前,我们有很多表面现象、使用场景需要记忆。明白了原理后,你会发现它们已经不需要记了,因为从原理出发,你自己都能把它们推导出来,一切是那么的自然而然。感觉就是:这还用记吗?很明显嘛! 之前我对vue的响应式原理,只是一知半解,导致开发中经常会出现疑问,比如:为什么有的数据它不响应?模板中用 ......
Vue

如何提高App邀请效率?免填写邀请码这个功能加入了没?

上个月,产品经理提出一个创意:希望做一个新功能,让用户能通过获取邀请码来获得会员资格,而且最好不需要用户手动填写邀请码。我一听就觉得这想法不切实际。用户初次安装应用时,我们没有任何数据记录,怎么可能知道是谁邀请他们下载的呢?我当时就想反驳他,提议不如做一个根据用户心情切换APP皮肤的功能。 没想到过 ......
效率 功能 App

一个功能更强大,性能更高的树控件DevComponents.AdvTree.AdvTree(几种树形控件汇总)

原文链接:https://www.cnblogs.com/a7373773/archive/2009/07/27/1532236.html 一直在用DevComponents.DotNetBar2 控件近来探索Add()和AddRange()的性能问题。一样用极为不专业不科学的方法,比较DevCom ......
控件 AdvTree DevComponents 性能 功能

VUE3 + Three.js 坑

VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时,页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr ......
Three VUE3 VUE js

lottie 动画在 vue 中的使用

前言 最近我所负责的项目中,我采用了动画效果,并开始使用 gif 来实现。然而,在实践过程中,我发现 gif 格式的动画在 git 中出现了明显的锯齿感,这让我非常困扰。为了追求更完美的表现效果,我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要,因此我非常认真 ......
动画 lottie vue

vue 浅解

Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。 vue有自己的语法, ......
vue

PYTORCH基础(15)torch.nn库五大基本功能:nn.Parameter、nn.Linear、nn.functioinal、nn.Module、nn.Sequentia

第1章 torch.nn简介 1.1 torch.nn相关库的导入 #环境准备 import numpy as np # numpy数组库 import math # 数学运算库 import matplotlib.pyplot as plt # 画图库 import torch # torch基础 ......
nn functioinal Parameter Sequentia PYTORCH

vue3中toRefs用法

toRefs是Vue.js 3中的一个实用函数,用于将响应式对象转换为普通对象,其中每个属性都是一个ref对象。这在某些情况下很有用,特别是想要将一个包含多个响应式属性的对象传递给子组件时。 以下是toRefs的基本用法: import { reactive, toRefs } from 'vue' ......
toRefs vue3 vue

vue 生产环境寻找方法

https://juejin.cn/post/6898483758085701646 控制台输入 单击函数会直接跳转 生产环境直接 源码搜索 devtool 然后设置为true 然后关闭f12 重新打开 ......
环境 方法 vue

vue实现文件下载

vue实现文件下载:https://blog.csdn.net/weixin_41696001/article/details/124210326?ops_request_misc=%257B%2522request%255Fid%2522%253A%252217034939871680022287 ......
文件下载 文件 vue

npm run dev > hhwl-platforma1.0. dev > wue-cli-service serve vue-cli-service’不是内部或外部命令,也不是可运行的程序或批处理文件。

这个错 主要npm i 就可以了 但是现在npm i 也报错 原因是: 重新装了一遍nodeJS ,在设置全局仓库的时候出了些许问题,先建立两个文件夹cache和global:然后打开然后去修改npmrc文件里面的参数 最后点击 node_global 和node_cacahe 这两个文件的属性 然 ......

Vue学习之插槽slot

1. 插槽是什么 插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。 插槽显不显示、怎样显示是由父组件来控制的,而插槽在哪里显示就由子组件来进行控制。 简单理解就是子组件中 ......
slot Vue

web功能测试点

一、功能测试 1、连接测试 链接是web应用系统的一个很重要的特征,主要是用于页面之间切换跳转,指导用户去一些不知道地址的页面的主要手段,链接测试一般关注三点: a、链接是否按照既定指示那样,确实链接到了该链接的界面 b、测试该链接所链接的页面是否真的存在 c、保证系统中没有单独存在的页面(即没有链 ......
功能测试 功能 web

html5中怎么实现多文件上传功能

本篇文章为大家展示了html5中怎么实现多文件上传功能,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。 主要用到的是<input>的multiple属性 代码如下: <input type="file" name="multipleFileUpload" mu ......
功能 文件 html5 html

Java操作Word修订功能:启用、接受、拒绝、获取修订

Word的修订功能是一种在文档中进行编辑和审阅的功能。它允许多个用户对同一文档进行修改并跟踪这些修改,以便进行审查和接受或拒绝修改。修订功能通常用于团队合作、专业编辑和文件审查等场景。 本文将从以下几个方面介绍如何使用免费工具Free Spire.Doc for Java在Java程序中操作Word ......
功能 Java Word