草庐IT

Vue-Instant

全部标签

基于Java+SpringBoot+vue前后端分离宠物领养系统设计实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》​ 系统介绍:如今社会上各行各业,都在用属于自己专用的软件来进行工作,互联网发展到这个时候,人们已经发现离不开了互联网。互联网的发展,离不开一些新的技术,而新技术的产生往往是为了解决现

243:vue+Openlayers 更改鼠标滚轮缩放地图大小,每次缩放小一点

第243个点击查看专栏目录本示例的目的是介绍如何在vue+openlayers项目中设置鼠标滚轮缩放地图大小,每次滑动一格滚轮,设定的值非默认值1。具体的设置方法,参考源代码。直接复制下面的vue+openlayers源代码,操作2分钟即可运行实现效果文章目录示例效果配置方式示例源代码(85行)相关API参考专栏目标示例效果配置方式

vue3 实现监听store里state状态变化

vue3实现监听store里state状态变化import{watch}from"vue";watch(()=>store.state.currentDevice,(newVal,oldVal)=>{//todoreload();});需要注意:不能直接监听对象的属性值,需要写成getter函数。总结:watch的第一个参数可以是不同形式的数据源,它可以是一个ref(包括计算属性),一个响应式对象,一个getter函数,或多个数据源组成的数组。不能直接监听响应式对象的属性:constobj=reactive({count:0})//错误,因为watch()得到的参数是一个numberwatch

CKEditor5+vue3使用以及如何添加新工具栏,自定义设置字体fontFamily

基本使用官网地址:https://ckeditor.com/ckeditor-5/online-builder/官网提供了以下几种模式,一般使用经典模式居多,具体差别可访问官网自己试一下。基本的使用方法(经典模式),先别急着操作,看完再决定使用哪种方法。//下载ckeditor5-vuenpminstall@ckeditor/ckeditor5-vue//下载经典模式npminstall@ckeditor/ckeditor5-build-classic代码template>divid="ckeditor">ckeditorref="editorRef"v-model="editorDesign

使用vue实现分页

使用vue实现分页的逻辑并不复杂,接收后端传输过来的数据,然后根据数据的总数和每一页的数据量就可以计算出一共可以分成几页我编写了一个简单的前端页面用来查询数据,页面一共有几个逻辑  具体的效果可以看下面的演示  下面就来看一下具体的实现步骤。首先看一下vue的代码Vue.createApp({data(){return{items:[],//关键词keyword:"",//是否没有数据isnull:false,//一开始不显示上一页和下一页isshow:false,//一共有多少条数据countInfo:0,//每一页显示几条数据pageSize:10,//当前是第几页currentPage:

【vue】聊一聊Element UI的自定义主题颜色

背景ElementUI组件库相信大家一定都接触过。但是自定义主题颜色的需求有接触过的应该不多,至少我到今天是没有遇到类似的需求。之所以讲这个需求,是因为在我个人开发的开源项目中有做到这个需求,所以在这里和大家聊一聊我的实现。CSS变量在此之前我们需要先了解一下CSS变量:它是自定义属性(有时候也被称作CSS变量或者级联变量)是由CSS作者定义的,它包含的值可以在整个文档中重复使用。由自定义属性标记设定值,由var()函数来获取值。/*设定值*/:root{--background-color:#FF0000;}/*获取值*/div{background-color:var(--backgrou

vue2 element ui 实现图标下拉选择

vue2elementui实现图标下拉选择1.展示效果代码展示:(1)封装icon.jsexportconstelementIcons=["platform-eleme","eleme","delete-solid","delete","s-tools","setting","user-solid","user","phone","phone-outline","more","more-outline","star-on","star-off","s-goods","goods","warning","warning-outline","question","info","remove","c

vue3时间插件——Moment.js使用

在日期时间这一块在js中是有体现的,但是用起来不是特别方便,尤其是在vue框架中,我们也不可能去那样使用,显得很笨拙麻烦,所以给大家这次带来一个好用的时间插件,就是Moment时间插件,很小巧,使用也方便,也兼容vue3,下面来详细介绍一下 首先是Moment.js的官方网站:http://momentjs.cn/然后下载使用插件npminstallmoment--save#npmyarnaddmoment#YarnInstall-PackageMoment.js#NuGetspminstallmoment--save#spmmeteoraddmomentjs:moment#meteorbow

如何用Java+SpringBoot+Vue构建一个车辆管理系统?

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》​系统介绍:随着信息技术在管理上越来越深入而广泛的应用,管理信息系统的实施在技术上已逐步成熟。本文介绍了车辆管理系统的开发全过程。通过分析车辆管理系统管理的不足,创建了一个计算机管理车

vue-element-ui使用

 官网Element-Theworld'smostpopularVueUIframework 下载安装npminstall--saveelement-uiA.完整引用importVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';importAppfrom'./App.vue';Vue.use(ElementUI);newVue({el:'#app',render:h=>h(App)});B.按需引用1.设置CSS和JS文件,在public/index.html中引入