vue
日常小dome
半盏茶. ོ
一个菜鸟级别的落魄开发者
展开
-
element DateTimePicker修改快捷选项样式
vue+element+JQuery修改时间选择快速选择样式原创 2022-08-09 14:27:05 · 1675 阅读 · 1 评论 -
vue div 单选、多选,多选且最多只能选择三个
一、先把准备工作做好css.contilor{ width: 50%; margin: 5% auto;}.box{ display: flex; flex-wrap: wrap;}.item{ padding: 6px 8px; border: 1px solid #3C9CFF; margin: 8px 6px 0 10px; font-size: 12px; border-radius: 6px;}.item1{ background-color: #3C9CF原创 2022-03-29 18:06:27 · 2601 阅读 · 0 评论 -
纯css 竖向步骤条
一、平常做一些物流啊提现啊这些效果的时候可能就需要用到步骤来向用户展示具体到哪一步了,但是呢有时候写的又比较繁琐,找各种组件插件又要安装或者引入对应的包,今天就给大家分享一个纯css的竖向步骤条,先看效果图:二、废话不多说,直接上代码,HTML:<div class="stepItem" v-for="(item,index) in billList.handle" :key="index"> <van-icon name="passed" size=".45rem"原创 2022-02-17 15:06:45 · 2195 阅读 · 0 评论 -
vue 验证金额
这个是验证输入金额时验证的一个方法,建议写在输入框输入时调取此方法getMoney(val) { val = val.replace(/[^\d.]/g, ""); //保留数字 val = val.replace(/^00/, "0."); //开头不能有两个0 val = val.replace(/^\./g, "0."); //开头为小数点转换为0. val = val.replace(/\.{2,}/g, "."); //两个以上的小数点转换成一个 val = val.replace原创 2021-09-14 10:44:26 · 1600 阅读 · 0 评论 -
vue 隐藏手机号和邮箱,替换成****
一、平常大家做项目对于手机号或者邮箱都已经屡见不鲜了,有时候有需求时还需要隐藏一下手机号或者邮箱,我整理了一下现在发给大家,希望给予改正或者有好的方法也一起分享一下getRegular(num) { let nums; if (num.indexOf('@') == -1) { nums = num.replace(/(\d{3})(\d{4})(\d{4})/, "$1****$3"); } else { // 替换邮箱字符 if (String(num).indexOf('@')原创 2021-09-14 10:39:35 · 1053 阅读 · 0 评论 -
vue + vant 文件上传(单文件,多文件)
一、记录一下,希望用这个vant插件的时候可以帮到大家afterRead(file) { console.log(file.length) let formdata = new FormData() if (file instanceof Array && file.length) { // 判断是否是多图上传 多图则循环添加进去 console.log(file) file.forEach((item, i) => { formdata..原创 2021-09-14 10:32:49 · 1124 阅读 · 0 评论 -
vue 时间切换点击得到某年的一月或者一周
一、效果图,这是当前年的,具体根据需求来改二、html以及css代码<div class="box"> <div><button type="button" @click="getReduce">-</button></div> <div class="time"><span>{{upYear}}.{{upMonth}}</span></div> <div><b.原创 2021-09-14 10:22:20 · 477 阅读 · 0 评论 -
分享一个vue的插件,查看pdf文件 pdfh5
本插件安卓ios都能进行分页,显示总页数,点击放大缩小,手势放大缩小都可以,最主要的是,很简单,几句代码就能搞定原创 2021-08-04 15:49:29 · 587 阅读 · 0 评论 -
vue keep-alive,$on,$off,$emit来实现页面缓存且列表页单条数据局部刷新
前进详情刷新 后退回到列表页进入详情页时的位置且详情页更改内容时回到列表页局部更新当前的单条数据的内容原创 2021-07-12 15:23:43 · 571 阅读 · 2 评论 -
vue 删除数组中的某一条数据
一、删除普通数组let arr = [1,2,3,4,5];//方法一let index = arr.indexOf('3');arr.splice(index, 1)//打印结果 [1,2,4,5]//方法二let index = arr .findIndex(item => { if (item == '3') { return true } })arr.splice(index,原创 2021-07-01 15:40:02 · 14704 阅读 · 0 评论 -
vue+vant上拉加载
一,今天分享一个vue+vant的上拉加载其中用到了Tab 标签页和List 列表,详细信息请看组件库,我这里就不做描述了,附上文档地址:https://vant-contrib.gitee.io/vant/#/zh-CN/list原创 2021-06-21 10:48:30 · 317 阅读 · 0 评论 -
vue 瀑布流 纯css
一、今天记录一个纯css来实现瀑布流的方法,对的,你没有看错就是纯css,这次借助的是css3的特性,目前才了解到的,有一些还没太懂,希望大家多多指教,好了,废话不多说,直接上代码。二、...原创 2021-06-16 14:37:11 · 318 阅读 · 0 评论 -
vue +纯CSS 实现多行文本“展开收起”
一、最近做一个类似于微信评论的那种,文本太多展示不好看,就想着超过某一个界限让它可以出现全文,然后可以收起,查阅了很多资料,不凡是js太多,就是引入组件啥啥的,后来根据朋友的的链接找到了一篇cs...原创 2021-06-08 13:39:21 · 572 阅读 · 0 评论 -
vue+vant最简单的纯聊天界面
一、这只是简单的聊天界面,用户可以发送,客户也可以回复,但这只是本地的,先来个效果图,配置好服务器改改就可以实现聊天了二、jsvar infoData = [ { id:1, name:'小巴', time:'2021-4-23 17:59:50 星期五', images:'https://img01.yzcdn.cn/vant/cat.jpeg', message:'您好!' }, { id:3,原创 2021-04-24 11:23:07 · 5623 阅读 · 11 评论 -
vue 类似于hover的选项卡
一、项目需求需要用到选项卡,但是发现vue只有css才有hover,js没有这个事件,查阅了资料,最后发现可以用@mousemove和@mouseout来实现鼠标悬停类似于hover的效果,下面先上一个效果图:二、废话不多说啦,直接上代码:html<div class="trademark-left"> <div class="trademark-title"> <span>全部服务分类</span> </d原创 2021-04-10 10:21:47 · 424 阅读 · 0 评论 -
vue v-for 循环图片 三种方法
一、正常的引入,但是得在static下创建image文件夹<view v-for="item in list"> <text>{{item.name}}</text> <view class=""></view> text>{{item.age}}</text> <view class=""></view> <image :src="item.img" mode=""></原创 2020-11-25 14:37:08 · 8692 阅读 · 0 评论