vantui

从0到0.1 撸一个基于Vant的H5简单框架(一)

前言本文适合对vue刚入门的小白，通过vue-cli快速创建vue项目，以vantui框架为基础搭建的H5简单框架。适配主流手机浏览器。内容可能有些不严谨或者理解错误的地方，欢迎提出指正。
熊猫猫超人·2023-08-05 10:10

vue3 vant组件的引入方式

将不允许以这种方式导入组件1.安装vant在项目目录下运行npmivant//Vue3项目，安装最新版Vantnpmivant安装成功后在package.json文件可以看到2.配置在main.js里面添加代码3.使用vantui
键指江湖·2023-08-04 17:40

伸手党系列三：使用mpvue+VantUI+flyio进行小程序开发

基础介绍mpvue：（github地址请参见）是一个使用Vue.js开发小程序的前端框架。VantWeapp：是移动端Vue组件库Vant的小程序版本，两者基于相同的视觉规范，提供一致的API接口，助力开发者快速搭建小程序应用。Fly.js：一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用。1.安装mp
钱不多·2023-07-31 02:59

UniApp中引入VantUI后出现报错@import ‘../common/index.css‘；.van-icon{text-rendering:auto；-webkit-font-smoothi

在我们引入VantUI后，运行发现报错了！！！报错信息：@import'..
番茄Salad·2023-06-17 16:03

mpvue开发的微信小程序转字节跳动（头条，抖音）小程序遇到的坑（二）

二、UI框架不兼容1）我用的vantUI在转到tt小程序
蜗牛ha·2023-06-15 17:30

vue-cli4+vant+rem+sass+vuex+axios封装+webpack搭建前端项目

移动端项目模板基于vue-cli4.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架启动项目gitclonehttps://github.com/teach-tian
行动很重要冲冲冲·2023-06-13 20:55

vant框架picker选择器形式列表，以及封装

以下是VantUi插件中常用的各种选择器下拉列表，项目中遇到，就在这里总结以下，下面是代码第一种Vant-DropdownMenu下拉框单选形式Array=[{text:"东来汽车维修",value:0
稳稳的幸福_3724·2023-04-15 03:17

CT前瞻（一）：Vant UI入门与使用

文章目录前言什么是VantUI快速上手组件用法最后前言最近在项目开发和学习的过程中，涉及到了VantUI（简称Vant）的使用，主要还是涉及到了Card卡片和Cell单元格的使用，这个系列的文章就简单记录一下这个实战过程和学习经历
黛琳ghz·2023-04-13 16:37

微信像小程序引入第三方vant

本人在做一个项目，遇到一个了不属于小程序组件里面的东西，然后我自己曾想着去代码去实现，但是自己实践了一下，没成功，还是放弃自己写，然后上网去查询了一下，就发现有赞的vantui有支持小程序的，也有我想要的功能
小李不小·2023-04-10 03:56

vue 搭建H5项目及适配

1、创建项目vuecreatetest(项目名称)vue2完整创建流程2.进行H5适配2.1选择ui框架（以vantui为例）具体参考安装依赖（vue2版本）npmivant@latest-v2-S通过
kurcp·2023-04-08 21:33

vue 数据渲染默认值 数据改变重新渲染

data（）{//在vue中只有data中的数据才会被渲染return(){citys:{},//定义一个对象用来接收请求来的数据falg：false,//判断组件的显示columns:[//这里引用了vantui
一叶孤舟1990·2023-04-05 10:37

Vue3使用Vant组件库避坑总结

文章目录前言一、问题二、解决方法三、问题出现原因总结经验教训前言本片文章主要写了，Vue3开发时运用VantUI库的一些避坑点。让有问题的小伙伴可以快速了解是为什么。也是给自己做一个记录。
菜鸡爱上编程·2023-04-04 22:33

2021-07-13 项目经验

服务端返回图片404，Vue图片加载失败处理方法；解决方案：参考：https://blog.csdn.net/weixin_43194434/article/details/1025841382.问题：vue+vantUI
25点·2023-03-30 07:22

vue与vantUI的使用总结

简介VantUI还是挺好用的，是有赞团队维护的一个适用于Vue框架的移动端UI组件库。为啥要选用VantUI？
半个茄子·2023-03-27 19:32

Vite+Vue3+Vant快速构建项目

于是便自行开发了本文讲到的tive-cli脚手架模板工具，只需短短几个命令便能快速生成配置健全的Vue3全家桶项目，并且集成了VantUI，
天問_专注于大前端技术·2023-03-27 05:29

前端微信小程序面试题总结

目录双向数据绑定父子组件传值本地存储组件生命周期函数获取用户信息页面的基本配置tabBar的设置uni-app引入vantUi设置动态的顶部文字封装axios请求小程序的生命周期函数uni-app同时兼容开启关闭下拉刷新自定义小程序导航栏
陌路&情殇·2023-03-24 02:46

Vant 弹出列表多选 输入框下拉选择 (可直接复制使用)

项目要做移动端，部分功能迁移过程中发现，VantUI组件库不支持原Element组件库的部分功能，例如el-select可以做到输入的同时下拉选择下拉多选。故需要手动改写，分享记录下代码。
跳动的世界线·2023-03-15 04:47

vue+springboot文件上传以及开发中的一些小问题处理

前端：我今天看了两个框架的文件上传，一个是elementui，另一个是我项目用到的vantui，elementui是有个auto-upload属性的，就是只要我们把action（
老街老街·2023-02-17 19:21

VUE3:组合式API-Composition API

最近介入移动端开发、开始学习使用VUE3框架与VantUI库组合式API：VUE3的组合式API，setup函数：调用时间在创建组件实例时，在初始prop解析之后立即调用setup。
跳动的世界线·2022-10-25 11:40

vue实现登陆页面开发实践

二、验证码逻辑：组件使用的是vantui，具体用法可去官网看。
·2022-10-23 21:50

在vue项目中使用vantUI中的组件实现上拉加载，下拉刷新（在手机端实现）

1，在项目中安装vantUI:npmivant-S2,在main.js文件中引入组件：import'..
攻城狮plus·2022-10-16 21:50

vue + vantUI的列表上拉加载更多和下拉刷新（带tab标签页）

html部分：{{item.name}}顶精{{item.title}}{{item.from.nickname}}|{{item.create_time}}{{item.watch_num}}{{item.answer_num}}data部分：data(){return{questionList:[{_id:"5e81a5e329a65a359d6a2b27",watch_num:11,answ
❍❏❐❑❒❖❘❙❚·2022-10-16 21:50

vantui列表数据展示，上拉加载下一页，下拉刷新页面

直接上代码：{{index+1}}{{item.addtime}}{{item.id}}js:import{List,PullRefresh}from'vant';exportdefault{data(){return{list:[],loading:false,//上拉加载finished:false,//上拉加载完毕refreshing:false,//下拉刷新pageno:1,pagesiz
喔烨鸭·2022-10-16 21:18

Vue2 - 网易云音乐项目笔记（基于Vant UI组件库）

目录一、项目技术二、准备工作1、初始化Vue项目2、配置VantUI组件库3、下载并使用vue-router库4、接口API5、postcss插件三、分析页面实现功能1、路由页面准备2、封装axios网路请求
离奇6厘米·2022-10-16 21:16

Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本（开发导航栏及公共部分）

基于Vue3.x+VantUI的多功能记账本（三）文章目录基于Vue3.x+VantUI的多功能记账本（三）项目演示开发导航栏1、底部导航栏2、测试底部导航栏3、公共头部写到最后（附源码）系列内容参考链接基于
前端杂货铺·2022-10-02 16:30

VueDemo-6.介绍vue 移动端的组件库

6.介绍vue移动端的组件库mint-ui被淘汰vantVant-MobileUIComponentsbuiltonVue6.1安装vantui库cnpmivant-S / yarnaddvant-S6.2
前端大灰狼·2022-09-30 05:17

Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本（登录注册页面，验证码）

基于Vue3.x+VantUI的多功能记账本（四）文章目录基于Vue3.x+VantUI的多功能记账本（四）项目演示1、登录注册页面2、图片验证码3、修改axios4、写到最后（附源码）系列内容参考链接基于
前端杂货铺·2022-09-15 07:11

Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本（搭建开发环境）

基于Vue3.x+VantUI的多功能记账本（二）文章目录基于Vue3.x+VantUI的多功能记账本（二）搭建开发环境项目演示1、创建项目2、配置路由3、添加VantUI组件库4、移动端rem配置5、
前端杂货铺·2022-09-11 15:42

（切换多语言）elementUI +vue-i18n 的国际化设置及使用

最近项目很多国际化的需求，语言切换时同时也需要对项目的组件自带的文字进行更新web使用elementUI，h5用vantUI，vantUl设置点这里web项目设置elementUI全部引入到项目时（也就是没有按需加载
弑天落羽·2022-09-05 19:11

(切换多语言)vantUI+vue-i18n进行国际化配置及新增没有的语言包

最近项目有多语言设置h5使用的是vantUI,vant的组件方法挺好的可以自定义组件文字显示，但是！
弑天落羽·2022-09-05 19:20

亲测好用的基于 Vue 的 UI 框架（推荐使用）

目录一、ViewDesign组件库二、ElementUI组件库三、Muse-UI组件库四、MandMobile五、Vuetify组件库六、MintUI组件库七、VantUI组件库八、cube-ui组件库九
new Handsome()·2022-09-03 14:25

Vant UI 中 van-collapse 下拉折叠面板如何默认展开第一项

问题重现最近在做项目时，有一个需求是让van-collapse下拉折叠面板的第一项默认是展开状态；我使用到了VantUI组件，首先按照官网文档的写法直接引入：制定拜访计划保险保障分析制作计划书会客厅讲解修改备注修改备注
Developer 小马·2022-09-02 17:45

Vue实战开发移动端旅游网站

axios请求和响应的拦截使用场景：使用axios请求拦截的实现方法跨域问题什么是跨域如何认定其他网站:同源策略跨域的影响解决跨域问题在Vue.js中解决跨域问题在Django中解决跨域问题前端组件开发VantUI
奶酪_·2022-08-09 10:30

vue 前端将任意文件转为base64传给后端

前言最近新项目，需要获取文件的bae64编码文本，但是原本是用的vantUI的uploader，对安卓手机的图片上传和文件上传的数量有限制，一次只能上传一张图片（简直麻了），于是舍弃了它，转而图片的继续沿用之前用过的
相与还·2022-07-27 15:19

微信小程序组件

组件就是小程序页面的组成机构，与html在web网页开发中的作用一样，铺设页面，可以参考其他UI库，像elementUI，vantUI组件组件是视图的基本组成单元组件自带一些功能与微信风格一致的样式一个组件通常包括
·2022-07-20 12:07

微信小程序组件、路由、组件通信、侦听器

一、微信小程序组件组件就是小程序页面的组成结构，与html在web网页开发中的作用一样，铺设页面.可以参考其他UI库，像elementUI，vantUI组件组件是视图层的基本组成单元。
爱敲代码的狼仔·2022-07-20 12:36

Vite+Vue3+Vant快速构建项目

于是便自行开发了本文讲到的tive-cli脚手架模板工具，只需短短几个命令便能快速生成配置健全的Vue3全家桶项目，并且集成了VantUI，
天問_·2022-07-15 07:26

基于最新 Vite+Vue3+VantUI移动端应用项目搭建

目录Vite的优点Vite项目创建集成VantUI移动端组件库移动端rem适配测试引用：Vite的优
特立独行的猫a·2022-07-15 07:23

vue3集成Element-plus实现按需自动引入组件的方法总结

element-plus推荐总结element-plus正是element-ui针对于vue3开发的一个UI组件库，它的使用方式和很多其他的组件库是一样的，其他类似于ant-design-vue、NaiveUI、VantUI
·2022-07-10 16:51

uni-app伴生ui组件库uni-ui基础引入使用方法

可能很多人会用uni-app时还在想用vue的伴生uielementui但其实我觉得elementui在PC端虽然效果不错但在跨端的开发中甚至不然用vantui那么我们今天要介绍的是uni-app官方提供的
-耿瑞-·2022-07-01 10:42

Vue使用Vant适配移动端

目的：VantUI和设计稿一起使用进行适配移动端1.如何进行REM适配//下载插件npmiamfe-flexible//在main.js中引入import'amfe-flexible'2.REM适配原理利用媒体查询或
数组喜欢打对象·2022-06-22 14:53

wepy--用vantUI 实现上弹列表并选择相应的值操作

vantUI就不多做介绍了，是一个相对来说比较好用的ui组件库，下面是地址大家可以自己去看看：https://youzan.github.io/vant/#/zh-CN/actionsheet接下来我们直接进入正题
·2022-06-15 10:49

vue完整的登陆页面开发

**完整的登陆页面开发**，组件使用的是vantui，具体用法可去官网看。
super美少女战士·2022-05-28 07:54

VantUI封装自定义Tabbar路由跳转的实现

本文主要介绍了VantUI封装自定义Tabbar路由跳转的实现，分享给大家，具体如下：在src目录下新建个components文件夹来放自己定义的tabbar组件{{item.title}}exportdefault
·2022-05-18 18:44

vue-template-h5 vue-cli-4 移动端脚手架模板vue-template-demo

vue-template-demo基于vue-cli4.0+webpack4+vantui+sass+rem+vw适配方案+axios封装，构建手机端模板脚手架github地址Node版本要求VueCLI
缘_妙不可言·2022-04-19 14:22

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

引用VantUI作为样式特性：1、支持动态、静态数据源。2、支持分页加载。3、支持模糊搜索。4、支持单选、多选。
·2022-04-08 16:35

Vant UI中van-collapse下拉折叠面板默认展开第一项的方法

目录问题重现需求实现附：vant之van-collapse无法默认展开某一项的解决方法总结问题重现最近在做项目时，有一个需求是让van-collapse下拉折叠面板的第一项默认是展开状态；我使用到了VantUI
·2022-03-29 12:32

【小程序云开发+VantUI】云开发环境引入VantUI，解决npm构建报错问题

1.使用模板创建云开发(此处省略)2.引入VantUI，有坑，(云开发的坑好多)在miniprogram文件夹下执行npminit，创建package.json在miniprogram文件夹下，按照Vant
·2022-03-24 14:54

【微信小程序】小程序内如何导入vantUI组件

简单记录一下如何在微信小程序内引入vantUI组件（亲测有效）以新建一个微信小程序项目为例，新建一个小程序后，打开微信开发者工具在打开后的终端下输入npmi@vant/weapp-S--production
·2022-03-24 14:25

基于Vue3+TypeScript+ Vue-Cli4.0构建手机端模板脚手架

vue3-h5-template基于Vue3+TypeScript+Vue-Cli4.0+vantui+sass+rem适配方案+axios封装+jssdk配置+vconsole移动端调试，构建手机端模板脚手架项目地址
云翼飞·2022-02-19 16:58
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他