Vant-ui

vant实现下拉刷新和上拉加载_vue使用vant-ui实现上拉加载、下拉刷新和返回顶部...

vue使用vant-ui实现上拉加载、下拉刷新和返回顶部vue现在在移动端常用的ui库有vant-ui和mint-ui，上拉加载、下拉刷新和返回顶部也是移动端最基础最常见的功能。
weixin_39657300·2022-10-16 21:19

当我们对组件二次封装时我们在封装什么

前言经常的，我们在日常工作中，会使用第三方UI组件库，比如：element-ui、vant-ui、iview、ant-design等等。
前端码农小王·2022-10-13 22:10

vue-cli中常用的ui框架(vant-ui篇)

##vant-ui简介Vant是有赞前端团队开源的移动端组件库，于2017年开源，已持续维护4年时间。Vant对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。
欲买 桂花同载酒·2022-09-30 06:03

初步认识vant-ui

vant-ui简介Vant是一个轻量、可靠的移动端组件库，于2017年开源。目前Vant官方提供了Vue2版本、Vue3版本和微信小程序版本，并由社区团队维护React版本和支付宝小程序版本。
前端 萌新·2022-09-30 06:31

Vant-ui

1Vant移动端组件库浅尝案例该项目需要使用vue-cli进行构建项目。初始化使用Tabbar组件并开启路由模式
不努力谁会可怜你？·2022-09-30 05:36

vant UI 使用，按需引入

vant-uI官方文档1.安装[email protected]//npm安装[email protected]//yarn
nilmao·2022-09-30 05:35

猿创征文｜vue vant-ui数据列表上拉加载更多，下拉刷新功能

⭐️⭐️⭐️作者：船长在船上主页：来访地址船长在船上的博客简介：CSDN前端领域优质创作者，资深前端开发工程师，专注前端开发，在CSDN总结工作中遇到的问题或者问题解决方法以及对新技术的分享，欢迎咨询交流，共同学习。感谢：如果觉得博主的文章不错或者对你的工作有帮助或者解决了你的问题，可以关注、支持一下博主，如果三连收藏支持就会更好，在这里博主不胜感激！！！如有疑问可以留言、评论，看到后会及时回复。
船长在船上·2022-09-04 08:37

使用Vant如何实现数据分页,下拉加载

目录Vant-ui的van-list实现数据分页加载主要三个属性vant上拉加载更多,下拉刷新Vant-ui的van-list实现数据分页加载vant数据分页，下拉加载{{item}}varVue=newVue
·2022-08-06 12:06

微信小程序：上传头像或图片使用we-cropper裁剪后并上传自己服务器

环境：微信小程序原生、vant-ui、we-cropper1、引入we-cropperhttps://github.com/we-plugin/...下载后，找到dist文件夹，把里面三个文件复制到自己的项目中
·2022-07-05 15:26

Vue vant-ui使用van-uploader实现头像上传功能

效果图：项目中是使用有赞vant-ui框架实现的头像上传替换功能代码布局结构：VIP-->{{loginType==0?"
·2022-05-21 11:14

vue 公共列表选择组件,引用Vant-UI的样式方式

此组件用于公共选择组件。引用VantUI作为样式特性：1、支持动态、静态数据源。2、支持分页加载。3、支持模糊搜索。4、支持单选、多选。组件源码：确认{{item.Number}}{{item.Number}}varvm=null;import{postAction}from'@/api/manage'exportdefault{/*name:'PubSelect'+Math.random(),*
·2022-04-08 16:35

vant-ui AddressEdit地址编辑和van-area的用法说明

AddressEdit地址编辑1.vant-ui地址编辑中已配置:area-list=“areaList”，以初始化全部省市区的数据这是结合vant-ui弹出层一起用的，用弹出层包裹省市区选择的组件，然后根据需要
·2022-02-24 18:06

微信小程序开发入门实战 （二）小程序代码构成与基础知识

在上一章微信小程序开发入门实战（一）准备阶段与vant-ui使用中，我们通过开发者工具快速创建了一个QuickStart项目。
侬姝沁儿·2022-02-21 01:22

vant中的toast层级改变操作

每个页面有一个私有样式scoped，因此类名inexa的层级写在app.vue里注：toast每调用一次（z-index)层级就会加一,因为默认打开了新窗口，层级会加一补充知识：vant-uitoast和dialog使用vant-ui
·2021-12-24 14:11

[vue移动端项目] 严选商城项目 使用vue+vant做的移动端商城小项目

文章目录项目准备安装amfe-flexible安装第三方插件postcss-pxtorem配置vue.config.jsreset.css重置样式表安装less预编译语言安装vant-ui端口配置(可以不做
533_·2021-11-27 21:44

vant-ui框架的一个bug(解决切换后onload不触发)

使用了vant-ui里的List列表瀑布流滚动加载，用于控制长列表的展示先说使用1.用npm下载该模块包npmivant-S2.引入组件官方提供了三种方法。
·2021-11-26 16:26

vant-ui组件调用Dialog弹窗异步关闭操作

需求描述：需求描述：官方文档又是组件调用方式，又是函数调用方式。我就需要一个很简单的：点击操作弹窗显示后，我填写一个表单，表单校验通过后，再调用API接口，返回成功后，关闭弹窗。一个很简单的东西，element-ui用的很方便，在这里就懵比了，刚开始做的，弹窗关闭了，才返回异步接口调用的结果。网速慢点，用起来真的很不好。正确的解决方式一：关键点，showDialog控制显示隐藏，before-cl
·2021-08-20 11:12

微信小程序中使用 npm 安装依赖

我们尝试安装一个vant-ui试试点击前
·2021-08-19 19:15

vant-ui踩的坑及解决方案

1.Search搜索官方文档：代码效果但是直接拷贝代码右侧按钮自定义并未生效如下图所示我的代码采用红框写法才会生效方式二生效
糖心儿的记录·2021-08-11 15:11

vue项目中vant-ui按需导入

Ⅰ、安装①安装vant-ui插件cnpminstallvant-ui--save②通过npm安装npmivant-S③通过yarn安装yarnaddvant-SⅡ、导入我们先来说一下以前的导入方式(全局导入
lys-0203·2021-06-03 16:56

去哪儿项目开发流程（简述）

开始项目搭建在这里我是通过UI可视化界面快速搭建的项目三、搭建好项目之后，进行一些相关配置多环境变量配置（开发、测试、生产）axios请求拦截，响应拦截(API统一管理)rem移动端适配方案我用的是px-to-rem插件vant-ui
Chir.t·2021-06-02 21:32

移动端Rem适配（基于vue-cli3 ，ui框架用的是vant-ui）

介绍postcss-pxtorem是一款postcss插件，用于将单位转化为remlib-flexible用于设置rem基准值1、安装lib-flexible（用于设置rem基准值）npmi-Samfe-flexible2、在main.js文件中引入lib-flexibleimport'amfe-flexible'3、安装postcss-pxtorem（postcss-pxtorem是一款post
脏十三i·2021-04-19 13:02

vue:将px转化为rem，适配移动端vant-UI等框架(postcss-pxtorem)

1.下载lib-flexible使用的是vue-cli+webpack，通过npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexible'3.设置meta标签通过meta标签，设置设备宽度以及缩放比例4.安装postcss-pxtorem一款postcss插件，用于将
回到唐朝做IT·2021-04-15 05:26

vue：将px转化为rem，适配移动端vant-UI等框架（px2rem-loader）

1.下载lib-flexible使用的是vue-cli+webpack，通过npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexible'3.设置meta标签通过meta标签，设置设备宽度以及缩放比例4.安装px2rem-loadernpminstallpx2rem-
回到唐朝做IT·2021-04-14 21:56

菜鸟看前端（vant ui的按需引入）

vant-ui按需引入安装vant-uivant-ui官网要实现按需引入我们先要安装一个插件npmibabel-plugin-import-Dbabel-plugin-import是一款babel插件，
中庸之为德也，其至矣乎·2020-12-29 08:05

解决vant-UI库修改样式无效的问题

最近用vue写页面时，发现使用vant的有些UI组件，而又不能满足自己的样式，修改CSS样式还是无效。css一般都会使用sass或者less，加了scoped后修改的样式不起作用，即使加了important也没用vue项目中，当标签有scoped属性时，它的CSS样式只作用于当前组件中的元素，父组件的样式将不会渗透到子组件中。解决办法：1.对于css语法起作用使用深度选择器，使用>>>操作符，将s
·2020-12-25 09:18

vant组件修改样式_解决vant-UI库修改样式无效的问题

最近用vue写页面时，发现使用vant的有些UI组件，而又不能满足自己的样式，修改CSS样式还是无效。css一般都会使用sass或者less，加了scoped后修改的样式不起作用，即使加了important也没用vue项目中，当解决办法：1.对于css语法起作用使用深度选择器，使用>>>操作符，将scoped样式中的选择器“深入”，即影响子组件上述代码将会编译成：2.对于scss，less这类的预
weixin_39947812·2020-12-22 09:19

Vant-ui组件 Dialog里的before-close阻止关闭

这是vant官网的用法，写的很粗，下面讲一下自己的理解。直接上代码asynconBeforeClose(action,done){if(action==="confirm"){if(this.suc.suc1===true&&this.suc.suc2===true&&this.suc.suc3===true){constdata={password:this.new2pwd}awaitthis.
夏暖冬凉·2020-11-24 10:55

vue项目引入vant-ui框架

消失了很久没写博客了，持之以恒的做事就是很难呢，最近一段时间工作之余开始学点vue，也是最近前端技术发展的大势所趋吧，哈哈，写一点跟vue有关的东西吧。项目里用原生的技术写的页面太丑了，主管要求用ui框架美化一下，作为后端开发的我太难了，依然记得被前端所支配的恐惧，又要玩新花样了，加油吧programmer，向着全能进发。废话不多说，直接进入正文：在一堆移动端框架里面看了半天，选了评价比较好的va
我不是码神·2020-11-11 16:38

移动端Vant-UI库的使用

1.第一步：安装插件安装Vant-UI库npmivant-S//运行时依赖安装按需导入插件babel-plugin-importnpmibabel-plugin-import-D//开发时依赖//babel-plugin-import
何北木·2020-10-20 19:23

vant-ui 有赞ui官网打不开?

国内版本：https://vant-contrib.gitee.io/vant/#/zh-CN/home不过属性上还是有些差异，大家仔细
一起爬山否·2020-10-19 14:59

vant-ui的van-uploader上传图片

移动端上传图片是很常用的功能，这里使用vant-ui实现。效果如图上传图片的vue页面:Customer.vuehtml4?'
weixin_30279671·2020-09-17 06:05

nuxt以按需引入组件的方式使用ui框架

这里不对nuxt进行一个介绍，我们这里只介绍下ui框架如何在nuxt按需引入，ui框架如：vant-ui、element-ui等。
老夫风清扬·2020-09-16 19:21

vant-ui 点击弹窗时间日期选择

vant-ui点击弹窗时间日期选择提交时为时间对象，后台返回为时间戳，使用filter过滤时间日期在app.json或index.json中引入组件“usingComponents”:{“van-datetime-picker
№~1·2020-09-16 17:05

Vant-UI移动端时间选择框

使用Vantinput框时有时需要调用时间选择，时间选择框要结合弹出层使用到期日：需要注意的是，使用自定义弹出层会触发手机自带的软键盘，可以加上readonly="readonly"阻止软键盘readonly="readonly"转载于:https://www.cnblogs.com/weilizou/p/10818358.html
weixin_34392435·2020-09-16 16:11

vue-cli使用vant-ui时间选择器DatetimePicker和选中的时间修改以及开始时间不能超过结束时间实例

element-ui的时间选择器一条龙服务引入组件就可以实现时间选择以及选中时间的渲染，而vant-ui官方文档虽然有关于时间选择器的使用，但是发现只能引入选择时间的组件，什么功能都没有实现，所有的逻辑都要靠自己写
想吃一碗云吞面·2020-09-16 15:06

VUE页面实现点击按钮删除某一条数据

弹出的对话框和轻提示使用的是Vant-UI框架中的组件删除//传递的参数为该数据在数组中的索引和唯一标识该数据的idimport{Dialog}from'vant';exportdefault{data
marsur·2020-09-16 12:37

postcss-pxtorem 使第三方UI库不进行转换

查阅postcss配置资料后发现postcss-pxtorem中有个selectorBlackList属性，忽略掉某些选择器我的项目中使用的vant-UI因此我只需要将.van忽略掉就好"postcss
郑布斯的个人博客·2020-09-16 04:11

记录 vant-ui van-pull-refresh 的一些坑

坑van-pull-refresh里面要包含一个在mounted里面设置一下高度屏幕可视高度-box距离顶部top，因为van-pull-refresh有个overflow:true属性，高度不够的时候下拉的时候会隐藏一些内容。mounted(){this.freshHeight=document.documentElement.clientHeight-this.$refs.fresh.getB
m0_46165460·2020-09-14 09:47

关于Vant-ui校验，自己开发一个表单校验组件（一）

关于Vant-ui校验，开发表单校验组件（一）自己开发一个表单校验组件开发准备阶段规划form表单组件的apiAttributes属性rules参数说明Method事件Slot插槽自己开发一个表单校验组件最近项目用到
一块钢·2020-09-13 23:32

Vue 上传图片

图片这块我用的是vant-ui，肯定要在项目中导入vant-ui。主要是在afterRead()方法中，对图片进行压缩，然后再上传。
xiaowu0125·2020-09-04 16:55

vant-ui的官方文档

vant-ui的官网说明文档：https://youzan.github.io/vant/#/zh-CN/uploader
通明@前端·2020-08-24 23:44

指定vue的v-model的类型

在最近项目中，发现了一个奇怪的问题：使用vant-ui的field当请求数据，将赋值时，this.form.unitPrice=res.unitPrice时，在NetWork中看到res.unitPrice
weixin_30888413·2020-08-23 03:47

vant-ui van-tabs 插入图片

vant-ui中的Tab标签页标题插入图片:方式1:插入图片,通过title插槽可以自定义标签内容普通任务内容1白银任务内容2黄金任务内容3钻石任务内容4方式2:插入字体图标选项内容{{index}}
木叶随风而逝·2020-08-23 02:54

关于uni-app开发ui框架选择问题

关于uni-app开发ui框架选择问题在开发前端时，为了减少UI设计的工作量，一般大家都会使用一些比较优秀的开源ui组件，例如bootstrap、element-ui、mui、vant-ui等。
Ctwokm·2020-08-22 18:52

vue cli3/cli4 vant-ui样式出不来的问题

，输入vueui，打开图形化界面，选择依赖安装第二步：检查babel.config.js重点第三步：vue.config.js，检查有没有设置过这个属性“requireModuleExtension”vant-ui
余温无痕·2020-08-22 14:47

初步解析小程序前端框架vant-ui源码

初步解析小程序前端框架vant-ui源码本学期的系统分析课程要求我们做一个小项目，我们以微信小程序为框架进行了项目的前端搭建，在UI上以开源组件库vant-ui为基础进行了设计，其中用到了许多该开源库的设计
wuyy75·2020-08-13 23:27

vant UI与rem适配问题

vue-cli4.x项目引入vant-ui,要求在项目中使用rem单位,但vant是px的.故,需要添加一个自动转换插件和一段修改html根元素的font-size值的脚本一.添加插件:npmipostcss-plugin-px2rem
一颗冰·2020-08-11 19:35

vue项目中使用vant-ui怎么实现rem适配?

vant官网提供了2个工具,可以非常简单的实现rem的适配安装postcss-pxtoremnpmipostcss-pxtorem在Babel.config.js文件中配置,这是官方提供的一个基本配置vue-cli3中我没有找到Babel.config.js文件，解决的方法是在package.json同级下新建一个.postcssrc.js文件，把下面代码放进去。module.exports={p
秋霜梦红尘·2020-08-10 19:47

vue常用插件

UI插件element-ui:pc端iview:pc端antd:pc端.顺便提一下antdesignpro,基于react的开箱即用的中台前端项目vux:移动端vant-ui:移动端mint-ui:移动端
高蛋白的大猪蹄子·2020-08-09 04:57
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他