草庐IT

vue3-element-admin

全部标签

【vue2】element ui input全局默认去除前后空格

全局去除复制文本的空格importVuefrom'vue'importElementUIfrom'element-ui';/***@Description:统一格式化去除input首尾空格*/Vue.component('el-input',{extends:ElementUI.Input,created(){this.$on('change',(value)=>{this.$emit('input',value.trim())})}})页面组件:v-model加上.trim,可以去除输入的空格el-inputmaxlength="11"v-model.trim="mobileForm.mob

vue2+wangEditor5富文本编辑器

1、安装使用安装yarnadd@wangeditor/editor#或者npminstall@wangeditor/editor--saveyarnadd@wangeditor/editor-for-vue#或者npminstall@wangeditor/editor-for-vue--save 在main.js中引入样式import'@wangeditor/editor/dist/css/style.css' 在使用编辑器的页面引入js import{Editor,Toolbar}from"@wangeditor/editor-for-vue";components:{Editor,Tool

Element ui 修改table表格行高

关键代码:  :row-style="iRowStyle"    :cell-style="iCellStyle"    :header-row-style="iHeaderRowStyle"computed:{iRowStyle:function({row,rowIndex}){return'height:30px';},iHeaderRowStyle:function({row,rowIndex}){return'height:30px';},iCellStyle:function({row,column,rowIndex,columnIndex}){return'padding:0px'

基于JavaSpringBoot+Vue+uniapp微信小程序实现鲜花商城购物系统

 博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》目录1前言介绍:2主要技术:2.1微信小程序介绍2.2 Vue技术介绍2.3 SpringBoot框架3功能设计:3.1系统架构图3.2登录时序图4功能实现:4.1小程序端:4.1.

React和vue等前端html页面引入自定义字体文件,更改页面字体样式

font-family中列出的是几乎适用于所有计算机的网络安全字体,如:Arial/Helvetica/Georgia/TimesNewRoman等。但是如果想要一些特别的字体,可以从外部网站中找到并下载,然后在代码中引入。网页自带的字体没有很多,有时候想使用我们自己的字体文件去修改网页字体效果,就可以使用这种方法。需要提前准备自己的字体文件。以下是一些获取字体的网站:fontsquirrel.comfonts.commyfonts.com首先需要在网站上挑选合适的字体并下载到本地,这里我选用了一种很火的免费字体:opensans,在fontsquirrel.com中找到并下载。将下载好的ot

RuoYi-Vue前后端启动流程

目录一、后端项目启动1.1创建数据库1.2修改数据库配置文件1.3修改日志文件目录1.4启动项目二、前端项目启动2.1启动2.2修改首页三、执行npm命令报错npmERR!Cannotreadpropertiesofnull(reading'matches')Error:error:0308010C:digitalenveloperoutines::unsupported一、后端项目启动1.1创建数据库创建ry-vue数据库,执行sql目录下的两个sql文件:1.2修改数据库配置文件修改application-druid.yml数据库配置文件1.3修改日志文件目录修改logback.xml日志

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -全局异常统一处理实现

锋哥原创的uniapp微信小程序投票系统实战:uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)_哔哩哔哩_bilibiliuniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)共计21条视频,包括:uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)、第2讲投票项目后端架构搭建、第3讲小程序端TabBar搭建等,UP主更多精彩视频,请关注UP账号。https://www.b

vue3-seamless-scroll 自动横向滚动 滚动插件

Vue3.0无缝滚动组件,支持Vite2.0,支持服务端打包目前组件支持上下左右无缝滚动,单步滚动,并且支持复杂图标的无缝滚动,目前组件支持平台与Vue3.0支持平台一致。效果展示安装npmnpminstallvue3-seamless-scroll--saveYarnyarnaddvue3-seamless-scrollbrowser组件配置list无缝滚动列表数据,组件内部使用列表长度。type:Arrayrequired:truev-model通过v-model控制动画滚动与停止,默认开始滚动type:Boolean,default:true,required:falsedirectio

本地开发环境请求服务器接口跨域的问题(vue的问题)

上面的这个报错大家都不会陌生,报错是说没有访问权限(跨域问题)。本地开发项目请求服务器接口的时候,因为客户端的同源策略,导致了跨域的问题。下面先演示一个没有配置允许本地跨域的的情况:可以看到,此时我们点击获取数据,浏览器提示我们跨域了。所以我们访问不到数据。那么接下来我们演示设置允许跨域后的数据获取情况:我们在1出设置了允许本地跨域,在2处,要注意我们访问接口时,写的是/api,此处的/api指代的就是我们要请求的接口域名。如果我们不想每次接口都带上/api,可以更改axios的默认配置axios.defaults.baseURL='/api';这样,我们请求接口就可以直接this.$axio

商品多规格SKU的算法,VUE版本,笛卡尔积,对象去重

该篇文章是我通过查阅资料和自己思考实践后完整的写出最后效果的,先看最终的效果。商品多规格SKU的效果一、前提说明    1、思维能力:想要自己完整的写出来首先需要有基本的逻辑思维,最核心的有两条,一是多规格数学理论上是怎么计算的,就是乘积的结果数。二是数据的比较。    2、本次我开发的环境非常的简单,就是VUE2的一个页面,纯JS实现的,如果对JS不熟悉,估计很难看懂。    3、关于商品规格的乘积的算法我推荐你去看这篇文章。如果看的吃力,烧脑,那就多看几篇。直到你真的看明白了,那就举一反三,融会贯通。该文简单的给解释清楚了原理和实现的思路,我代码里面的规格的核心算法也是按照这个思路来的。二