草庐IT

Vue-Router

全部标签

rouyi-vue-pro+vue3+vite4+Element Plus项目中使用生成Vue2+Element UI标准模板

运行一个pro-vue3的前端项目,以及后端服务在基础设施-代码生成模块中选择某张数据库表导入,并编辑生成信息,前端类型:Vue2+ElementUI标准模板在vue3项目中创建一个vue文件//import{create}from'@/api/test'exportdefault{created(){create().then(res=>{console.log(res);})}}1.4src\api\test.jsimportrequestfrom'@/utils/request'//创建药品exportfunctioncreate(data){returnrequest({url:'/d

vue中使用EasyPlayer播放监控视频HLS,H265、H264

1.使用npm下载依赖npminstall--saveeasy-player2.将EasyPlayer-lib.min.js文件、EasyPlayer.wasm文件、libDecoder.wasm文件放置到public下3.创建components,html代码如下4.使用props接收数据props:{//视频地址videoUrl:{type:String,default:"",},//容器idid:{type:String,default:"",},//容器宽度width:{type:[Number,String],default:"100%",},//容器高度height:{type:[

rollup 打包vue3组件库报错 ‘createElementVNode‘ is not exported by node\_modules\\vue\\dist\\vue.runtime.esm

rollup打包vue3组件库报错‘createElementVNode’isnotexportedbynode_modules\vue\dist\vue.runtime.esm.js在这里插入图片描述报错意思就是说createElementVNode没有被导出。也就是找不到。然后看下面1:import{renderSlotas_renderSlot,toDisplayStringas_toDisplayString,createElementVNodeas_createElementVNode,normalizeClassas_normalizeClass,normalizeStyleas_

echarts 使用地图,设置背景图片和高亮图片,点击实现高亮显示,更换散点图图片,高亮散点图形,3D悬浮效果展示地图,集成Vue组件

先看下  需要实现的效果:第一步需准备需要的插件 1 注意新版 echarts的引入方式为: import*asechartsfrom'echarts',这里我把echarts直接挂载到了Vue上,本项目使用echarts比较多,这样的话很方便,也可以在需要echarts的模块按需引入    在main.js中添加以下代码:import*asechartsfrom'echarts'Vue.prototype.$echarts=echarts;2引入地图数据 ,我这里是下载到本地引用的importChinafrom'@assets/js/100000';第二步需要用到的知识点知识点 1想要实现3

【毕业设计】微信小程序vue+uniapp助农平台的农产品商城系统uniapp

1.   题目:助农平台的设计与实现(这是毕设题目不是平台名称,平台名称是爱心助农)2.   概述:针对小农产品销售进行设计的平台。用户可以通过平台快捷购买小农产品,通过平台有更好的购买体验。销售方可在平台注册商家销售产品,也可以设定自己的优惠活动和发放优惠券等等,从而有更好的促销手段来吸引顾客,使小农产品能够有更好的线上销售渠道。同时平台有每日推荐商品以及最新的活动咨询,方便用户获取更好的优惠以及更好的提高销售量。平台对于商家,可以申请开启店铺,经平台管理方审核后,方可入驻平台以及上架和售卖商品。可以对一些商品进行整合套餐售卖,实现薄利多销。还可以管理订单和售后,以及对商家的一些事项发布公告

vue分辨率自适应不同版本的分辨率排雷和出错

前言:由于是要求用户体验比较严重的后台管理项目,所以这里就需要我对不同的分辨率内容进行转换。因为原始项目都是使用的px,以及一部分是使用的百分比间距,所以这里我存在了一定的问题。我在最初的想法就是直接使用转换rem方法排雷1搜索关键词:px转换成rem操作(1).cli3版本以上的脚手架进行不同分辨率的屏幕适配1.安装了插件lib-flexiblenpmilib-flexible-S2.在安装全局的px转换rem插件npminstallpostcss-px2rem--save3.针对cil3版本以上的修改vue.config.js文件        在module.exports内部插入 cs

零基础入门Vue之窥探大法——计算与侦听

前言在上一小节我介绍了我学习vue入门插值语法的过程。在本篇,我将记录我对vue的计算属性和侦听器的学习记录注:本篇对于”侦听“和”监听“是一个意思一、计算属性在官网上,可以看到这样一个例子:{{message.split('').reverse().join('')}}Vue官方预判到了某些人学了Vue,会在{{}}写复杂的语句,而这些语句会大大降低可读性,但有时候又不得不去写这么复杂的逻辑来满足业务需求因此Vue提供了新的配置项:computed在面对每当我们读取变量时需要对变量进行处理后再现实的情况1.1计算属性的基本用法看代码:computedcomputed梦开始的地方input{w

基于Java+Vue+uniapp微信小程序火锅店点餐系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

给大家推荐个生成前端代码的工具,支持vue代码,支持组件拖拽

我自己有一个服务器,一直想着做点网页什么的,不然放在那儿都浪费了。无奈作为一个后端,前端的知识不够,就找了一个生成前端代码的工具。我自己用下来,感觉还真不错,推荐给各位。下面这张图就是iVX这个工具的主页,我们直接进入iVXCN后,点击开始开发即可。我这里为了演示,放了很多控件进去。可以看到有编辑框、按钮、Excel组件选项。还有高德地图的组件,不过需要api,我就没有放。我现在的打算是用iVX先开发一些网页,正好它生成的前端代码都是vue的,一直听说vue不错,所以趁这个机会接触学习一下vue。在代码编辑器的右上角我们可以选择是使用手机,还是使用电脑,调成电脑后,分辨率会比较大些,也方便观察

Lottie简介 + 结合到vue3中使用

Lottie简介+结合封装到vue3中使用前言:一、Lottie是什么1.官方介绍2.实现流程3.动画资源二、为什么要选择Lottie三、lottie-web的使用1.安装导入2.初始化动画实例3.lottie-web支持的控制动画的主要方法4.lottie-web支持的监听动画的常用的事件四、lottie-web在Vue3中的使用1.安装lottie-web2.进行简单封装3.使用组件,创建动画五、一个小例子前言:文章内容主要介绍Lottie动画相关知识和如何在web端进行使用Lottie的相关网站可见如下:LottieFiles(一个Lottie动画资源网站)、Lottie官方文档、lot