项目中有个比较麻烦的需求：一个表格：能手动向表格第一行增加一行每一行的每一列在点击某一格时要能输入每个表单控件需要有校验功能支持多选可以删除所选行保存后需要前端做一个仅前端部分的查询原型如下：上面这些要求看起来就很麻烦。但是更麻烦的是，这个原型还是修改过的，原来的原型已经实现功能了，刚写完，第二天领导又把原型改掉了。1.先说大致实现思路：(1) 如何实现每个每个input输入框都带有校验功能？答：
转载
2024-04-18 08:57:54
177阅读
vant： https://youzan.github.io/vant/#/zh-CN/radio
转载
2022-07-21 10:11:25
150阅读
1.安装vant 2.npm i va
原创
2022-04-29 15:24:32
856阅读
一、安装Vant框架 1、如图 2、安装 二、 按钮的使用 1、更改全局样式和使用 代码如下： import 'vant/lib/index.css'; import {Button} from 'vant'; Vue.use(Button) //在需要的页面中就可以直接使用，页面当中也无需再次引入
转载
2020-02-10 18:45:00
467阅读
2评论
基于vant-ui的vant-picker二次封装 文章目录前言一、vant提供的组件用法1.代码片段2.下拉框数据源3.实现效果二、封装组件1.引入vant库2.组件实现3.组件调用4.组件效果5.表单提交时获取下拉框文本和下拉框文本对应的key值6.自定义formData中下拉框文本和下拉框文本对应的key值总结 前言在项目中表单项经常会出现下拉选择框，但是在vant中没有提供直接的selec
转载
2024-07-04 21:00:57
123阅读
添加Vant引用如果想要在项目中使用Vant提供的组件需要在Vue项目代码中添加Vant的引用Vue项目的src/main.js文件中,添加引用代码如下import Vant from 'vant'
import 'vant/lib/index.css'
Vue.use(Vant)教程：第二步 添加了上面的引用,当前Vue项目就可以使用Vant组件了为了实时运行项目,我们先启动Vue项
转载
2024-05-23 18:11:53
202阅读
vant组件库的基本使用1. vant组件库1.0 vant组件库-介绍1.1 全部引入1.2 手动按需引入1.3 自动按需引入1.4 弹出框使用1.5 表单使用 1. vant组件库1.0 vant组件库-介绍vant是一个轻量、可靠的移动端 Vue 组件库, 开箱即用vant官网特点:提供 60 多个高质量组件，覆盖移动端各类场景性能极佳，组件平均体积不到 1kb完善的中英文文档和示例支持
转载
2024-05-30 21:38:44
401阅读
原本的按钮尺寸支持large、normal、small、mini四种尺寸，默认为normal。<van-button type="primary" size="large">大号按钮</van-button>
<van-button type="primary" size="normal">普通按钮</van-button>
<van-butt
转载
2022-05-16 09:59:16
204阅读
项目使用该项目使用vue-cli脚手架创建基于vue3项目 使用到vuex，vue-router，element-plus组件库功能介绍登录模块登录页面样式登录使用element-plus中的表单和按钮组件 登陆时使用md5插件进行密码加密并调用后端登录接口 发送用户名及加密后的密码当拿到后端返回的登录成功状态码及token时 把拿到的token保存到本地 并跳转到个人中心首页个人中心在一进入和人
转载
2024-04-30 10:23:22
381阅读
报错代码： Error: Cannot find module 'babel-plugin-import' Require stack: 解决： 原因是axios未安装及一些插件未安装。 安装： npm i axios 安装antd和所需插件： npm i antd babel-plugin-imp ...
转载
2021-08-20 11:14:00
1462阅读
2评论
Vant是有赞前端团队开源的移动端组件库，于2016年开源，已持续维护4年时间。Vant对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。目前Vant官方提供了Vue版本和微信小程序版本，并由社区团队维护React版本。Vant组件安装通过npm方式安装先去node.js官网（https://nodejs.org/en/download/）下载安装，构建npm命令，在
转载
2024-05-29 01:20:59
73阅读
前言：数据请求使用axios，tabbar，swiper使用Vant，商品列表使用better-scroll，其余手撕。目录1.框架搭建2.Navbar3.Tabbar4.Swiper5.Vant6.better-scroll7.TabContentBar8.CommodityList9.细节问答10.总结 1.框架搭建开发一个程序之前一定要先有构思，框架决定了构思的局限，构思决定了程序的结果。
转载
2023-08-22 19:31:37
681阅读
遗留问题书接上回，说道利用 sideEffects 字段，只需读取源文件即可实现按需加载，还有个坑忘了说...
文档中的样式打包后会丢失...
因为我们只注意到了作为组件库的源代码，而忘了我们的文档是通过 vuepress 编译，即底层也是基于 webpack 进行打包。所以 sideEffects 中也要加上文档中的文件。组件文档该写些什么？在编写组件库文档时，有两个必不可少的部分。组
转载
2023-10-26 15:47:03
56阅读
# Vant Android 实现指南
## 一、介绍
Vant 是一款开源的移动端组件库，广泛应用于 Vue.js 的项目中。虽然它主要是为 Vue.js 设计的，但开发者们也希望在 Android 开发中使用类似的组件。本文将指导你如何在 Android 项目中实现类似于 Vant 的组件效果。
## 二、实现流程
在开始之前，我们先梳理一下整个实现的流程：
| 步骤 | 内容
原创
2024-10-05 04:25:39
184阅读
在移动端的地位相当于 element ui，相当强劲的一款UI组件库，v3版本经过半年的迭代，已经非常稳定了。Vant 3.0：全面拥抱 Vue 3Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。很早以前就推荐过 Vant 这个优秀的 UI 组件库，由有赞商城出品并且长期维护，是前端开发者耳熟能详的移动开发框架。早在去年年底 vant 就基于火热的 Vue
转载
2023-12-07 14:54:32
94阅读
介绍Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。安装组件库通过npm安装：# Vue 3 项目，安装最新版 Vant npm i vant# Vue 2 项目，安装 Vant 2 npm i vant@latest-v2引入组
转载
2023-10-28 12:37:02
290阅读
Android特性
Android是Google公司基于Linux内核的开源操作系统，主要用于移动设备，目前在智能手机市场占有重要份额。Android应用层使用Java语言开发，运行于Dalvik虚拟机，每个Android应用运行在独立的虚拟机中，这保证了各应用间资源的保护和线程安全。
Android特性Android是Google公司基于Linux内核
转载
2023-08-16 15:13:43
145阅读
1.什么是Vant Vant是一个轻量，可靠的移动端组件库，2017开源目前 Vant 官方提供了 [Vue 2 版本](https://vant-contrib.gitee.io/vant/v2)、[Vue 3 版本](https://vant-contrib.gitee.io/vant)和[微信小程序版本](http://vant-c
重点是把从接口得到的数据变异成vant组件规定的格式！！{ province_list: { 110000: '北京市', 120000: '天津市' }, city_list: { 110100: '北京市', 110200: '县', 120100: '天津市', 120200: '县' }, county_list: { 110101: '东城区', 110102: '西城区', 11010
转载
2023-11-23 20:29:32
100阅读
今天给大家盘点12个Vue 3的高颜值UI组件库，凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库，用广东话讲：个个都靓。全文大纲Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库Vant 3.0 有赞前端团队开源的移动端组件库Element Plus 一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库Ant-
