这里是Vant的官方文档https://youzan.github.io/vant-weapp/#/intro第一步 使用终端安装Vantnpm i vant -S第二步 使用终端安装babel-plugin-import(在编译过程中将 import 的写法自动转换为按需引入的方式)npm i babel-plugin-import -D
原创 2021-09-16 11:30:06
1362阅读
## 实现“vue + vant 封装 axios” ### 1. 简介 在使用VueVant进行开发时,经常需要与后端进行数据交互。而Axios是一种非常流行的HTTP库,用于在前端发送异步请求。在本文中,我们将学习如何封装Axios,以便在Vue项目中更方便地使用。 ### 2. 整体流程 下面是整个封装Axios的流程,我们可以通过一个表格来展示每个步骤: | 步骤 | 描述 |
原创 2023-08-18 05:16:02
341阅读
一、什么是Vant ui        Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源。是一款轻量、可靠的组件库。能够大大提高我们的开发速度。Vant 2 - Mobile UI Components built on VueMobile UI Components built on Vuehttps
Android特性 Android是Google公司基于Linux内核的开源操作系统,主要用于移动设备,目前在智能手机市场占有重要份额。Android应用层使用Java语言开发,运行于Dalvik虚拟机,每个Android应用运行在独立的虚拟机中,这保证了各应用间资源的保护和线程安全。 Android特性Android是Google公司基于Linux内核
转载 2023-08-16 15:13:43
145阅读
# 通过 npm 安装 npm i vant -S 安装完配置 babel.config.js module.exports = { presets: ['@vue/app'], plugins: [ 'lodash', [ 'import', { libraryName: 'vant', libr
转载 2020-02-27 18:03:00
120阅读
2评论
vant中文github地址:https://github.com/youzan/vant/blob/HEAD/README.zh-CN.md api:https://youzan.github.io/vant/#/zh-CN/pull-refresh # 安装 Vue Cli npm instal
转载 2020-02-09 19:02:00
226阅读
2评论
1. 设置动态根字号大小,/public/phone-adapt.js,在index.html中引入 (function (doc, win) { const docEl = win.document.documentElement; const resizeEvt = 'orientationch ...
转载 2021-10-22 13:21:00
898阅读
2评论
Vant什么是VantVant是一个轻量,可靠的移动端组件库,2017开源课程中我们使用Vue2版本对应的Vant学习Vant的优势ElementUI是开发计算机浏览器(非移动端)页面的组件库而Vant是开发移动端页面的组件库我们设计的酷鲨商城前台项目使用手机\移动设备访问的,所以使用Vant更合适Vant特性性能极佳,组件平均体积小于 1KB(min+gzip)65+ 个高质量组件,覆盖移动端主
# 如何解决Vue Vant iOS弹窗问题 ## 概述 在Vue项目中使用Vant组件库时,有时会遇到iOS系统下弹窗显示不正常的问题。本文将教你如何解决这个问题。 ## 解决流程 以下是解决Vue Vant iOS弹窗问题的步骤: ```mermaid journey title 解决Vue Vant iOS弹窗问题 section 理解问题 开发者发现i
原创 2024-07-01 06:32:53
450阅读
最近山竹台风来了,在家休息了一天。 总结梳理了一些知识点一:http状态码,TCP和UDP的区别,TCP的三次握手和四次挥手OSI七层网络模型和TCP/IP四层网络模型,http1.0 http1.1 https http2的知识 状态码:比较有趣的有101协议升级(websocket,http2),304协商缓存(etag,last-modified),307hsts跳转(h
转载 2024-10-28 21:33:18
24阅读
Vant是轻量、可靠的移动端 Vue 组件库,安装使用可以参照官方文档进行,但是我发现文档不是很全面,所以自己在这里记录一下vue使用Vant主要有四种方式,第四种通过CDN引入方式,这里不做介绍,主要是下面这三种:1,自动按需引入组件(灵活,体积小,官方推荐,需安装插件)2,手动按需引入组件(不安装插件情况使用)3,全局导入所有组件(会增加代码包体积,官方不推荐)###在使用之前,首先安装,可以
转载 2024-04-01 19:23:19
53阅读
重点是把从接口得到的数据变异成vant组件规定的格式!!{ province_list: { 110000: '北京市', 120000: '天津市' }, city_list: { 110100: '北京市', 110200: '县', 120100: '天津市', 120200: '县' }, county_list: { 110101: '东城区', 110102: '西城区', 11010
转载 2023-11-23 20:29:32
100阅读
【代码】vue3安装vant 按需引入和全局引入。
原创 2023-04-01 08:01:34
329阅读
Vue3】Vue3中安装和配置Vant组件
原创 2022-12-10 01:06:53
951阅读
vant富文本显示
原创 2022-11-25 11:04:40
1349阅读
template的代码: //搜索框 <el-input placeholder="请输入..." v-model="keyword" ></el-input> <button @click="search">搜索</button> //内容 <div v-for=(item,index) in l ...
转载 2021-10-11 10:38:00
689阅读
2评论
babel.config.js plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'] ] ...
转载 2021-10-27 14:42:00
419阅读
2评论
【代码】vue 模拟商城 vant的使用。
原创 2023-09-16 17:40:10
158阅读
参考文档:VantBanner.vue仿接口<template> <!-- 首页的轮播图 --> <div class="home-banner-box"> <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> <van-swipe-item v-for="item in bannerList" :key="item.
原创 2021-08-30 10:37:07
1953阅读
vue3中如何按需引入vant组件库
原创 2023-09-08 09:47:57
461阅读
  • 1
  • 2
  • 3
  • 4
  • 5