vue
文章平均质量分 52
vue-cli的构建工具:
vue + vuex (状态管理) + vue-router (路由) + vue-resource +axios +UI框架(iview、vant、elementUI等等
流情
兴趣是最好的老师
展开
-
vue.js+element-ui的基础表单
遇到原生的html小型单页应用时,是脱离了vue框架,而我们又想使用vue的语法和element的组件加快我们的开发速度,这个时候就需要引用他们的js了。技术栈即html+vue.js+element-ui。而使用它们的方法也很简单,引入对应的js和css文件即可。下面用一个小例子展示下。原创 2024-03-22 16:43:57 · 409 阅读 · 0 评论 -
vue项目仿企业微信移动端(带聊天界面)
网上比较知名的网站或者软件,开源代码中都有仿其前端的。比如小米商城,京东商城,仿微信聊天页面诸如此类的。所以我潜意识觉得像那种知名公司或者软件。想找它的仿前端静态代码应该很好找。结果,当我想找仿企业微信移动端的前端静态代码时,竟发现没有。所以,这个短板这个空缺。我得弥补。原创 2023-06-05 09:03:47 · 1856 阅读 · 3 评论 -
eslint导致的报错解决
当你利用脚手架在创建vue项目时,无脑创建下默认一定会安装eslint代码检测工具。那么你的噩梦就来了。eslint作为代码规范检测,不得不承认它的强大,但是绝对是会逼死一众强迫症患者。比如你只是简简单单运行一个vue项目,报错一大堆,是不是瞬间就头大了。不过,仔细看一下就知道,这种报错很明显就是eslint检测的结果。所以,对症下药。原创 2023-06-01 17:16:16 · 11393 阅读 · 1 评论 -
Element表格单元文本过长处理
element有提供一个表格组件,在做后台管理时,数据列表渲染会经常用到,不知道你有没有遇到过这种情况,就是表格中某一列的内容文本过长导致表格的高度会无限拔高。我能想到的就两种方法:第一种是超出长度就省略,后面加个按钮来控制,第二种就是限制高度,超出内容隐藏。这里我选择的是第一种,即文本过长,超出部分则省略,并设置个按钮来控制展开/收起。原创 2023-05-24 09:24:48 · 1882 阅读 · 0 评论 -
uni的picker封装子组件(省市封装+数值范围封装)
在做uni小程序时需要做省市的下拉选择。官网有提供省市区的下拉选择。但是这里我不需要区县。所以只能走自定义组件了。第二个就是多列数值范围的下拉。比如,我想选择范围50至100之间的,当第一列选择53的时候,第二列的数值只能选择比第一列大的数值。所以,基于以上两个原因,需要自定义两个组件。原创 2023-02-17 17:27:18 · 735 阅读 · 4 评论 -
uni使用animate动画常见问题
最近在做一个uni小程序的项目,总是感觉页面平平无奇太过生硬的,因此想到了写一些动画。css的常用动画属性transform和keyframs。如果要写一写简单的动画的话,手撸代码也行。但是,既然是简单的。那么为啥不用封装好的呢。原创 2022-12-28 17:00:34 · 897 阅读 · 0 评论 -
antd动态增减表单
官网已经写好了测试用例。但是这个只是增减表单并点击提交后获取提交的值。作为表单,少不了的是初始渲染。没有初始渲染,光有提交的表单是不完整的表单。下面这个才是我想实现的效果。antd版本别搞错了,这里用的是v1.xx版本的。最新的已经到3点几了。下面是完整代码,直接引入即用。原创 2022-11-14 10:52:42 · 1066 阅读 · 0 评论 -
基于element组件商品sku多规格
商品的sku涉及到很多动态表单,因为分为单规格和多规格。而每次一到写动态表单就让人头疼。所以特此记录一下,方便自己下次再用也帮助他人减少麻烦。闲话少叙,先看效果图。这是单个的vue文件,在使用之前,先确保你项目是否使用了element Ui组件。使用时直接复制到页面就行。:这里我使用了Uploadimg图片上传组件。主要是上传图片到阿里云oss。上面的部分输入表单可以无视了,主要还是动态商品规格sku的添加。其他的就是逻辑代码了。主要是拉取商品分类列表数据。原创 2022-10-25 10:19:43 · 2886 阅读 · 3 评论 -
12款vue后台管理系统(可下载)
vue官方的后台管理仪表盘框架是:vue-admin,除此之外还有很多其他优秀的后台管理集成框架,正所谓前人栽树,后人乘凉。特此记录一下,方面以后要用。参考下载地址:12款优秀的vue后台管理系统模板推荐(免费下载)-头条-PHP中文网1. Vue等5种版本管理后台模板UI框架源码-Shreyu2.带电商的Vuejs管理后台模板前端框架-Vuesax3.Vuejs+Laravel管理后台系统模板框架4.Vuejs后台管理系统模板-Nazox5.html+vue+laravel管理.原创 2021-12-30 13:03:50 · 3538 阅读 · 0 评论 -
element-ui上传图片至阿里云OSS二次组件封装
场景需求:弹窗进行表单提交,其中上传图片需要上传到阿里云oss,根据上传阿里云后的回调参数确定图片的url地址,然后将所有图片的url地址组成一个数组连同表单的其他值一同传给后端。而上传组件需要做的就是做单个的图片上传到阿里云oss,并返回上传回调后的url,不要问为什么不做批量上传,懂得自然会懂,不懂的自己实践下即可懂。Uploadimg.vue上传组件代码:<template> <div class="uploadimg"> <el-upload ..原创 2021-11-16 13:00:20 · 1490 阅读 · 2 评论 -
vue的H5项目axios封装
1.单页H5进行axios封装当某个H5项目引入vue.js做开发,需要引入axios.js和qs.js做接口请求封装。如此可以在axios的请求拦截加上请求头token或者cookie。html按如下顺序引入js<script src="js/vue.js"></script><script src="js/qs.min.js"></script><script src="js/axios.min.js"></script原创 2021-10-22 09:49:02 · 1502 阅读 · 3 评论 -
uniapp车牌号组件
前言 uniapp写的小程序需要车牌输入功能,不管是uniapp本身提供的组件还是第三方组件都没有提供车牌输入的组件功能。百度找了一下资料,发现车牌输出键盘组件都是自定义组件,也就是说得自己写。找了一圈一个能用的都没有,都不符合预期。不过也找到一个能用的,起码拿来改改还能用。参考地址:https://www.jianshu.com/p/1e392e0705c4它这个是针对移动端的vue车牌号输入组件,单位用的是rem,但是我要的是uniapp小程序输入组件。直接放到小程序中会出现样式...原创 2021-08-23 13:04:22 · 2001 阅读 · 0 评论 -
vscode下载安装vue-cli脚手架
本地环境:开发工具:vs-codenode版本:v14(建议v11以上)vue-cli:v4.0.0(建议3.0以上)使用npm命令下载安装vue-cli1.如有旧版本,先卸载旧版本npm uninstall -g vue-cli2.更换下载地址为淘宝镜像npm config set registry https://registry.npm.taobao.org3.查看是否下载地址是否更新成果npm config get registry4.下载最新版本vue-clinpm i原创 2020-11-30 14:16:17 · 1629 阅读 · 0 评论