草庐IT

nodejs_vue

全部标签

vue2+printJs插件实现网络打印

一.Print.js介绍Print.js 主要是为了帮助我们直接在我们的应用程序中打印PDF文件,无需离开界面,也无需使用嵌入。对于用户无需打开或下载PDF文件而只需打印它们的特殊情况。支持“pdf”、“html”、“image”和“json”四种打印文档类型。默认为“pdf”。 PrintJS参数配置表参数默认值描述printablenull文档来源:pdf或图片url、html元素id或json数据对象。type‘pdf’可打印类型。可用的打印选项有:pdf、html、image、json和raw-html。headernull用于与HTML、图像或JSON打印的可选标题。它将被放置在页面

vue自定义表单设计器思路

Vue是一种流行的JavaScript框架,用于构建Web应用程序。Vue的灵活性使得它成为一种非常适合创建自定义表单设计器的框架。本文将介绍如何使用Vue实现一个自定义表单设计器,并最终实现单据自定义。自定义表单设计器在Vue中,可以使用自定义组件实现表单设计器。自定义组件允许我们在Vue应用程序中创建可复用的组件。这些组件可以在多个Vue组件中使用,使我们能够将应用程序拆分成可维护的部分。为了实现表单设计器,我们将创建两个Vue组件:FormBuilder和FormRenderer。FormBuilder组件FormBuilder组件将用于创建和编辑表单。在此组件中,我们将使用Vue中的表

vue-router四版本-适用vue3

文章目录VueRouter的介绍简介官网安装VueRouter的使用步骤在浏览器中的使用第一步:安装vue-router第二步:添加路由导航链接及路由出口第三步:定义路由组件第四步:配置路由规则第五步:注入路由在脚手架中的使用第一步:安装vue-router第二步:配置路由规则第三步:注入路由第四步:添加路由导航及出口第五步:创建路由组件导航守卫全局导航守卫全局前置守卫to和from参数可选的第三个参数`next`全局解析守卫全局后置钩子路由独享的守卫组件内的守卫完整的导航解析流程组合式API在`setup`中访问路由管理器和当前路由导航守卫`useLink`从Vue-router3迁移破坏性

Vue | UniApp - 本地开启https

此方法以webpack为示例,vite配置方法可能不同,但该教程有效解决https访问项目。1.问题描述在开发IM功能的时候有一个录音的功能,在网页端录音只可以在localhost|https协议下进行正常使用,在电脑上调试的时候可以使用localhost进行访问项目。但是在手机端,你只能通过局域网IP或者内网穿透,在这里我选择的是内网穿透,因为这样的话不受局域网的限制。在开通隧道时选择的是TCP连接,映射到本地项目地址,然后穿透工具会提供一个域名,可以在公网进行访问。但是此时就有一个问题,如果你的本地项目地址无法使用https访问,那么穿透工具提供的域名也就无法使用https进行访问,所以接

Vue3最佳实践 第四章 VUE常用 UI 库 1 ( element-plus,Ant ,naiveui,ArcoDesign)

  现在常用的前台UI分别是以下几种,我们将从中间选择介绍几个主流的UI的用于后台的系统搭建与开发。AntDesignVueelement-plusnaiveuiArcoDesignBootstrapVueBuefyChakraUIFramevuerkOrugaTachyonsTailwindCSSNutUIVantVuetify.js第一章Vue3项目创建1VueCLI创建vue项目第一章Vue3项目创建2使用Webpack5搭建vue项目第一章Vue3项目创建3Vite创建vue项目第二章Vue3基础语法指令第三章VueRouter路由器的使用第四章VUE常用UI库1(element-pl

vue实现在页面拖拽放大缩小div并显示鼠标在div的坐标

1、功能要求:实现在一个指定区域拖拽div,并可以放大缩小,同时显示鼠标在该div里的坐标,如图可示缩小并拖动2、实现divclass="div_content"ref="div_content">divclass="div_image"id="pic":style="{'zoom':zoom,'transform':'translate('+moveX+'px,'+moveY+'px)',}"@mousedown.stop="mousedown($event)"@mousemove="handleMouseMove"@mouseleave="mouseout">/div>divclass="

vue3 nextTick()应用

在Vue3中,可以使用nextTick函数来延迟执行某些操作,这些操作会在下一次DOM更新周期之后执行。这个函数通常用于在数据更新后,等待DOM更新之后执行一些操作,比如获取DOM元素的尺寸、位置等。nextTick()例如,以下一个切换元素显示的组件:显示/移除我是一个元素import{ref}from'vue'constshow=ref(true)constcontent=ref()consthandleClick=()=>{show.value=!show.valueconsole.log(show.value,content.value)//truenull}打印结果:如果show是t

使用nodejs和web3js实现链接metamask钱包并实现合约交互

在以太坊区块链上,metamask钱包是一个非常常用的钱包,用以管理以太币和其他以太坊资产。同时,它也是一个重要的以太坊智能合约交互工具。在本文中,我们将介绍如何使用nodejs和web3js实现链接metamask钱包并实现合约交互。一、安装NodeJS和Web3JS在开始之前,首先需要安装NodeJS和Web3JS。NodeJS是一个开源的JavaScript运行环境,允许开发人员使用JavaScript编写运行在服务器端的应用程序。而Web3JS是以太坊的JavaScriptAPI,它使得应用程序能够与以太坊网络进行交互。二、安装Metamask钱包在链接Metamask钱包之前,需要先

基于Java+Vue+uniapp微信小程序校园约拍系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:现代经济快节奏发展以及不断完善升级

Linux部署前端Vue项目

Linux部署前端Vue项目1部署到tomcat上1.1部署Vue项目打包项目在命令行终端,输入命令,打包项目:npmrunbuild将生成的dist文件夹下的所有内容复制到tomcat的webapps下"推荐":在webapps下新建一个文件夹,例如yygh-admin,然后将dist文件夹内容复制进去启动tomcat,并输入访问地址http://192.168.145.48:8080/yygh-admin/yygh-admin为项目名注意:如果输入url后,页面一片空白,可能是因为js、css文件找不到,可能是打包路径问题:vue-cli3以上:将vue.config.js文件中的modu