![](https://img-blog.csdnimg.cn/42a73b064e6a4a389ed3843bf43be702.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vant
Vant 实战
_格鲁特宝宝
这个作者很懒,什么都没留下…
展开
-
element UI 中 el-table formatter scope template 同时存在的问题
使用scope后formatter就失效了。使用intFormatter方法进行格式化处理。正常使用formatter。原创 2022-07-16 13:25:55 · 1114 阅读 · 0 评论 -
Vant van-progress 标签使用
<van-popup v-model="showProcess" round :close-on-popstate="true" :close-on-click-overlay="false"> <p>上传中...</p> <van-progress :percentage="progressValue" :show-pivot="false" color="#1E90FF" track-color=".原创 2020-11-03 13:53:33 · 3675 阅读 · 0 评论 -
JS 将输入框中输入的英文字母自动转换为大写的方法
输入框中小写字母自动转换为大写方法一用表单输入框的 onkeyup 属性和 JavaScript 的 toUpperCase() 方法来实现oninput="value=value.toUpperCase()"方法二网上搜索方法,以下方法会默认先显示输入的小写字母再置空,用户体验不是很好oninput="value=value.replace(/[^0-9A-Z]/g,'')"方法三Vant 组件有个formatter 属性可以用 toUpperCase() 方法默认将.原创 2020-10-16 10:51:32 · 2146 阅读 · 0 评论 -
Vant 底部导航组件的实现 tabbar
设计底部导航的功能组件1. 路由跳转2. 选项卡的原理3. 路由拦截<template> <van-tabbar v-model="active" active-color="#30A3F8"> <van-tabbar-item v-for="(item,index) in tabbars" :key="index" :to="(item.name)" > <span>原创 2020-09-01 17:39:59 · 1930 阅读 · 0 评论 -
Vue 弹窗时 监听手机返回键关闭弹窗(页面不跳转)
Vue 监听手机返回键关闭弹窗popstate 事件 a.当活动历史记录条目更改时,将触发popstate 事件。 b.如果被激活的历史记录条目是通过对 history.pushState() 的调用创建的,或者受到对 history.replaceState() 的调用的影响, popstate 事件的 state 属性包含历史条目的状态对象的副本。 c.需要注意的是调用history.pushState()或history.replaceState()...原创 2020-09-01 17:12:31 · 1786 阅读 · 0 评论 -
Vant 步进器 van-stepper 阻止事件冒泡
一般情况下Vue 阻止事件冒泡用 .stop 即可解决Vue 阻止事件默认行为用.prevent 解决今天这里是介绍Vant 框架里写购物车,需求是购物车中的商品点击也可以进入到商品详情,于是在 card 标签加了 click 事件,就导致点击步进器van-stepper增加减少也会触发 card 的 click ,用原生事件 event.stopPropagation()即可完美解决<van-stepper v-model="val.quantity" ...原创 2020-08-14 10:07:25 · 3956 阅读 · 2 评论 -
Vant Uploader 文件上传 before-delete 文件删除前的回调函数
首先,如果上传或删除图片需要传参使用return file => {}name:标识符,可以在回调函数的第二项参数中获取;before-delete:文件删除前的回调函数;after-read:文件读取完成后的回调函数;文件读取完后的回调:检测传递值数组元素是否为数组let vm = thisvm.fileListIs.length = vm.fileList.lengthif(vm.fileListIs[elIndex] instanceof Array){ v.原创 2020-06-17 14:55:25 · 9474 阅读 · 0 评论 -
Vant 上传图片传参
把默认file return 出来,就可以正常传递参数onRead(param) { return file => { console.log(param) var vm = this; var formData = new FormData(); formData.append('file', file.file); let url = vm.url; vm.http.postData(原创 2020-06-15 08:51:03 · 1176 阅读 · 0 评论