
vant_ui
敲代码的TKP
这个作者很懒,什么都没留下…
展开
-
vant组件库适配pc端
Vant 是一个面向移动端的组件库,因此默认只适配了移动端设备,这意味着组件只监听了移动端的 touch 事件,没有监听桌面端的 mouse 事件。如果你需要在桌面端使用 Vant,可以引入我们提供的 @vant/touch-emulator,这个库会在桌面端自动将 mouse 事件转换成对应的 touch 事件,使得组件能够在桌面端使用。...原创 2022-07-25 14:45:01 · 5127 阅读 · 1 评论 -
input输入数字时限制整数10位,小数2位
需求分析:input框只允许输入数字,最多允许小数点前面10位,小数点后面2位原创 2022-06-08 11:02:30 · 5814 阅读 · 0 评论 -
vue项目修改组件样式——深度作用选择器deep,样式穿透
::v-deep 与 /deep/ 都是深度选择器(样式穿透),都能实现对组件内部的样式修改;但是具体有什么区别,公司同事主张使用 ::v-deep,说是能加快编译速度。使用上就是 如果你用 /deep/ 没有生效,换一种 试试 ::v-deep 一般都是可以的.如果使用 less 对 css 做出预处理的话,使用 /deep/ 就可以完成样式穿透的行为;但是我使用的 scss 对 css 做出的预处理,所以不能够使用 /deep/ 而应该使用 ::v-deep 才对<style scoped原创 2021-12-21 10:24:37 · 3053 阅读 · 0 评论 -
vant组件手动触发van-form的表单提交事件
1.给van-form一个ref属性<van-form @submit="onSubmit" ref="formData"><van-form />2.手动在任意事件中触发表单提交事件,可用来检测表格填写状态(是否填全)click() { this.$refs.formData.submit(); },原创 2021-12-10 15:27:20 · 7268 阅读 · 0 评论 -
vue项目利用vant组件实现省市区三级联动(含省市区js数据)
一、index页面引入在线js数据//在index.html中引入省市区的json文件<script src="https://sucai.suoluomei.cn/sucai_zs/file/20191217145416-area.js"></script>二、引入vant组件import Vue from 'vue';import { Area } from 'vant';Vue.use(Area);三、基础用法//初始化省市区组件时,需要通过 area-li原创 2021-12-08 14:26:49 · 2796 阅读 · 0 评论 -
vant上传文件afterRead事件传参(例:上传第x张图)
<div class="company_info" v-for="(item, index) in corpList" :key="index"> <van-uploader class="uploader_wrapper" :after-read="afterRead(index)"> <div class="uploader uploader2"> <van-image widt原创 2021-10-29 17:56:18 · 5454 阅读 · 0 评论