草庐IT

Vue组件

全部标签

vue2中Print.js的使用(pdf、html、json、image)超详细

概要前端实现打印(包含pdf、html、json、image)安装npminstallprint-js--saveJSON使用在项目vue文件中引入importprintJSfrom"print-js";点击按钮时调用插件方法打印handlePrint(data=this.data){console.log(data);printJS({//header:'表格标题',type:"json",properties:[{field:"age",displayName:"年龄"},{field:"name",displayName:"姓名"},{field:"address",displayNam

VUE2脚手架创建及基础框架搭建

VUE2脚手架创建项目以及常用模块安装包含:router、elementui、VUEX、axios等一、脚手架搭建项目1、全局安装脚手架(若已安装则跳过该步骤)npminstall-g@vue/cli2、创建项目vuecreate+项目名称    后面就不停下一步,选择就完事儿了3、进入项目cd项目目录4、运行项目npmrunserve二、router 路由的安装和配置1、路由安装打开项目下package.json文件,查看vue版本。vue版本为2.x,建议vue-router安装3.x版本。vue版本为3.x,建议vue-router安装4.x版本。npminstallvue-router

Vue2 实现图片的拖拽、缩放、旋转

本文是基于vue2实现图片的拖拽、旋转、鼠标滚动放大缩小等功能。效果图分步骤实现在这里看下拖拽、旋转、缩放的几个方法1.获取图片的实际宽高getImgSize(url){returnnewPromise((resolve,reject)=>{letimgObj=newImage();imgObj.src=url;imgObj.onload=()=>{resolve({width:imgObj.width,height:imgObj.height,});};});},2.根据盒子的大小、图片的大小来计算要显示多大的图片asyncinitImage(){if(!this.imageUrl){ret

uni-app - 电子签字板组件(签名专用写字画板,支持调整写字板 “横纵“ 方向,可调整线条粗细颜色等,Canvas 绘制非常丝滑流畅)完美兼容 H5 APP 小程序,最好用的画板签字教程插件源码

前言网上的教程代码非常乱且都有BUG存在,非常难移植到自己的项目中,本文代码干净整洁注释详细。本文实现了全端兼容,签名专用的写字板组件,真机流畅丝滑且无BUG,您直接复制组件源码,按照详细示例+超详细的注释轻松几分钟完成,如下图真机测试,您还可以通过组件配置,调整写字板“横纵”方向、线条粗细、颜色等:没有任何乱七八糟的样式和逻辑(只包含基础功能),让您改造起来轻而易举完成签字后,会生成base64编码,您可以通过显示出来,或转为Blob/File对象,发送给后端接口。不懂的话,去看示例代码中贴出转换方案,分分钟搞定。组件源码组件文件位置无所谓,最后确保正确引入即可。在项目components文

前端2024加分技能:官网3D Banner效果 three.js+vue实现

官网3DBanner效果three.js+vue实现最近没什么事,写了一个3DBanner效果,给广大前端同行们分享下。在线3D体验地址1:http://www.webgl3d.cn/3D/banner1/index.html在线3D体验地址2:http://www.webgl3d.cn/3D/banner3/index.html【视频展示】https://www.bilibili.com/video/BV1Ci4y1e7XX/?share_source=copy_web&vd_source=026f0cd0b145ec9bc2c005d9eaf67b0b官网3DBanner大部分官网的Ban

php - 使 Joomla 组件与 SEF/SEO 兼容

您好,我已经为Joomla1.5开发了一个自定义组件。然而,打开SEF时的url看起来会好一些,例如显示标题而不是ID,当打开Joomla的SEF时,如何为我的组件创建自定义URL? 最佳答案 您是否查看过Joomla路由方法?http://docs.joomla.org/Routing 关于php-使Joomla组件与SEF/SEO兼容,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questio

使用 CRXJS、Vite、TypeScript、Vue3、Pinia、Less、Naive-ui 开发 Chrome 浏览器插件——自带热加载,无需手动配置 vite.config.ts 文件

一、CRXJS一、什么是CRXJS?CRXJSVitePlugin是一款使用现代Web开发技术制作Chrome扩展的工具二、CRXJS的作用CRXJS支持热加载和静态资源导入,无需手动构建配置工具CRXJSVite插件通过将Vite的精细功能与简单的配置策略相结合,简化了Chrome扩展开发者体验二、使用Vue开发Chrome插件一、创建Vue项目1.使用Vite创建Vue项目npmcreatevite@latest#npmyarncreatevite #yarnpnpmcreatevite #pnpm选择Vue和TS进入项目,并进行pnpmi安装node_modulespnpmi#安

使用Autoplot(GGFortify)在R中绘制主组件3,4

我一直在尝试使用AutoPlot(在GGFORTIFYR软件包中)来绘制PCA坐标中的数据点。对于数据矩阵D2,autoplot(prcomp(D2),colour=color_codes)在主组件1+2的空间中,在生成一个点的散点图就可以正常工作。但是,PCA组件1+2仅解释约30%的协方差,我想对PCA1+3、2+3和3+4等进行相同的操作。让我这样做,如果没有,我可以使用最简单的功能?此外,是否有一些方法可以使用AutoPlot计算和添加质心?看答案从?autoplot.prcomp:autoplot(object,data=NULL,scale=1,x=1,y=2,...)在哪里:x=

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Slider组件

 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Slider组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、Slider组件滑动条组件,通常用于快速调节设置值,如音量调节、亮度调节等应用场景。子组件无。接口Slider(options?:{value?:number,min?:number,max?:number,step?:number,style?:SliderStyle,direction?:Axis,reverse?:boolean})从APIversion9开始,该接口支持在ArkTS卡片中使

vue.js - Nuxt 404 错误页面应该重定向到主页

我正在寻找一种方法,当页面不存在时使用Nuxt.Js始终重定向到主页。几天前,我们的站点地图生成出现了一些问题,我们提交了不存在的错误网址。GoogleSearchConsole显示大量404,我们希望通过301重定向到主页来修复它们。我试过了created(){this.$router.push(this.localePath({name:'index',query:{e:'er'}}))}虽然页面成功重定向到主页,但我认为Google会遇到问题,因为页面最初呈现为404。这个我也试过asyncasyncData({redirect}){returnredirect(301,'/el