vue+vant

微前端之案例——以antpro为主，react、vue、angular为子应用

微前端之案例——以antpro为主，react、vue、angular为子应用【注】按照案例来，一定可以成功（每一步都写清楚了）1.主要技术：qiankun、react(umi框架)+antd、vue+
木诚鑫·2021-03-26 09:02

vue+vant使用Progress报错

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vant的过程中,我们会经常使用到Progress组件,但是可能会遇到一些报错信息,下面我来分享一下遇到的问题和解决方法。4.报错信息如下:5.报错原因分析://原因是因为percentage的值是数字0-100,当值大于100的时候就会报上面的错误。//大家根据自己的项目进行对应的调整6.本期的分享到了这里就结束啦,希望对
·2021-03-23 13:01

vue+vant多语言(国际化)

1.开发环境vue+vant2.电脑系统windows10专业版3.在开发的过程中,我们可能会需要适配多国语言,下面我来分享一下我的方法,希望对你有所帮助。4.废话不多说,直接上操作://在终端(管理员身份)npminstallvue-i18n--save5.项目目录结构:6.在src下新建i18n文件夹,在新建i18n.js并添加代码如下:importVuefrom'vue'importVueI
·2021-03-18 18:23

vue+vant多语言(国际化)

1.开发环境vue+vant2.电脑系统windows10专业版3.在开发的过程中,我们可能会需要适配多国语言,下面我来分享一下我的方法,希望对你有所帮助。4.废话不多说,直接上操作://在终端(管理员身份)npminstallvue-i18n--save5.项目目录结构:6.在src下新建i18n文件夹,在新建i18n.js并添加代码如下:importVuefrom'vue'importVueI
·2021-03-12 06:37

vue+vant遍历单选框默认选择和切换选择

1.开发环境vue+vant2.电脑系统windows10专业版3.在开发的过程中,我们经常会使用到单选框组件,下面我来分享一下我的使用方法,希望对你有所帮助。4.废话不多说,先看效果图:5.在template中添加如下代码:default6.在return中添加如下代码:listtradio:1,//因为我在上面绑定的数字类型,根据自己的项目进行修改7.在methods中添加如下代码:Cdefa
·2021-02-26 15:04

vue+vant遍历单选框默认选择和切换选择

1.开发环境vue+vant2.电脑系统windows10专业版3.在开发的过程中,我们经常会使用到单选框组件,下面我来分享一下我的使用方法,希望对你有所帮助。4.废话不多说,先看效果图:5.在template中添加如下代码:default6.在return中添加如下代码:listtradio:1,//因为我在上面绑定的数字类型,根据自己的项目进行修改7.在methods中添加如下代码:Cdefa
·2021-02-26 15:07

VUE手写实现移动端el-table组件

最近用vue+vant进行开发，因为涉及到了表格，但vant里没有这个组件，自己就模仿elementUI中el-table组件的调用形式简单的封装了一下未添加自定义CSS效果图如下：使用组件：src/components
前端杨小白·2021-02-02 10:29

vue+vant移动端地区级联选择组件

写在开头：项目的框架是vue+vant，业务需求一个级联的地区选择，写完才发现vant本身也有这组件....后来看vant本身用的逻辑跟我不太一样，觉得还有点思考价值那就发上来当做实现记录吧~总体思路（
·2021-01-29 21:50

vue动态绑定背景色

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vue+vant开发的过程中,我们可能会需要动态绑定背景色,下面我来分享一下如何实现,希望对你有所帮助。
·2021-01-26 19:18

vue动态绑定背景色

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vue+vant开发的过程中,我们可能会需要动态绑定背景色,下面我来分享一下如何实现,希望对你有所帮助。
·2021-01-26 19:18

vue+vant使用密码输入框和数字键盘

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vue+vant开发的时候,我们经常会使用到其中的组件密码输入框和数字键盘完成支付等功能,下面我来分享一下密码输入框和数字键盘的使用
·2021-01-25 20:03

vue+vant使用密码输入框和数字键盘

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vue+vant开发的时候,我们经常会使用到其中的组件密码输入框和数字键盘完成支付等功能,下面我来分享一下密码输入框和数字键盘的使用
·2021-01-25 20:06

vue+vant结合list组件

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vue+vant开发的过程中,我们可能会使用到list来实现一些效果,下面我来分享一下,希望对你有所帮助。
·2021-01-22 20:04

vue+vant结合list组件

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vue+vant开发的过程中,我们可能会使用到list来实现一些效果,下面我来分享一下,希望对你有所帮助。
灰太狼的情与殇·2021-01-20 23:45

vue+vant组件Radio使用

1.开发环境vue+vant2.电脑系统windows10专业版3.在开发的过程中,我们经常会使用到vant中的Radio组件,下面我来简单的分享一下使用方法,希望对你有所帮助.4.废话不多说,直接上代码:如果你使用的是按需导入的模式,在main.js中添加如下代码import{Switch,Button,Radio,RadioGroup,Cell,CellGroup}from'vant';Vue
灰太狼的情与殇·2021-01-19 13:33

Vue-Vant—打包apk

目录一、概述二、详解三、拓展一、概述App采用混合开发模式，技术选型为Vue+Vant，本文详细研究项目打包Apk的流程。
空城里的往日时光·2021-01-18 16:01

vant使用Radio单选

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vue+vant开发的过程中,我们在使用Radio单选组件的时候,可能会存在一些问题,下面我来分享一下遇到的问题,希望对你有所帮助
灰太狼的情与殇·2021-01-18 13:34

vant使用Radio单选

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vue+vant开发的过程中,我们在使用Radio单选组件的时候,可能会存在一些问题,下面我来分享一下遇到的问题,希望对你有所帮助
灰太狼的情与殇·2021-01-18 13:33

vue+vant(按需导入)

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vue+vant进行开发的时候,我们可能不会使用到那么多的组件,很多的时候我们都是按需导入,下面我来分享一下vue+vant按需导入的方法
灰太狼的情与殇·2021-01-14 02:29

vue+vant(按需导入)

1.开发环境vue+vant2.电脑系统windows10专业版3.在使用vue+vant进行开发的时候,我们可能不会使用到那么多的组件,很多的时候我们都是按需导入,下面我来分享一下vue+vant按需导入的方法
灰太狼的情与殇·2021-01-11 11:45

vue+vant 上传图片需要注意的地方

1:上传文件流，提交的模式肯定得form-data模式2：上传的文件file做出处理我这里做的只能选择一张afterRead(file){console.log(file);//控制台可以看见图片信息if(this.fileList.length>1){this.fileList.splice(1);this.$msg({text:'只能选择这么多!',type:'info'})returnfal
·2021-01-03 13:12

vue+vant 实现的获取验证码倒计时按钮

一个非常简单也是非常常用的逻辑就是登录时获取手机验证码的并且倒计时的按钮逻辑我用的是移动端的ui插件vant引入vant的方式就不再赘述了详情请看vant官网https://vant-contrib.gitee.io...直接上代码=6&&showCountdown==true'ref="smsCode"slot="button"size="mini">=6"@click="getSmsCode"
Resssssss·2020-12-31 15:34

解决vant的Toast组件时提示not defined的问题

$toast('点击提示')}补充知识：vue+vant移动端
·2020-11-25 17:04

Vue+Vant中van-list请求数据(数据请求写在当前页面上)

数据请求调公用方法点击这里：https://www.jianshu.com/p/836fa9112cc4HTML{{index}}{{item.name}}jsimport{nameList}from'../../../api/api'//接口exportdefault{data(){return{list:[],vanListLoading:false,//加载状态finished:false,
後弦月的雨·2020-11-23 11:56

vue+vant 实现的获取验证码倒计时按钮

一个非常简单也是非常常用的逻辑就是登录时获取手机验证码的并且倒计时的按钮逻辑我用的是移动端的ui插件vant引入vant的方式就不再赘述了详情请看vant官网https://vant-contrib.gitee.io...直接上代码=6&&showCountdown==true'ref="smsCode"slot="button"size="mini">=6"@click="getSmsCode"
Resssssss·2020-11-21 15:35

Vue+Vant 图片上传加显示的案例

前端开发想省时间就是要找框架呀！找框架！vant中上传图片组件：https://youzan.github.io/vant/#/zh-CN/uploader上传图片的组件uploader：method中methods:{//选择图片后执行onRead(file){console.log(file);//将原图片显示为选择的图片this.$refs.goodsImg.src=file.content
·2020-11-17 19:38

vue+vant实现购物车全选和反选功能

本文实例为大家分享了vue+vant实现购物车全选和反选的具体代码，供大家参考，具体内容如下这是效果图：话不多少,直接上代码:{{item.shopTitle}}//这是商品组件全选不含运费exportdefault
·2020-11-17 13:39

Vue+Java+Base64实现条码解析的示例

前端部分（Vue+Vant）引入Vant、使用Vant中的Uploader组件上传文件(支持手机拍照)importVuefrom'vue'import{Uploader}from'vant'Vue.use
·2020-11-16 15:59

Vue+Java+Base64实现条码解析

前端部分（Vue+Vant）引入Vant、使用Vant中的Uploader组件上传文件(支持手机拍照)importVuefrom'vue';import{Uploader}from'vant';Vue.use
Mr_Bingzi·2020-09-22 19:00

Vue+Vant ui实现图片预览

Vue+Vantui实现图片预览Vant图片预览1、在所需要使用的组件里面引用import{ImagePreview}from'vant';2、具体使用详解//通过函数传参的方式把图片数组和位置索引放入到ImagePreview配置对象里面import{ImagePreview}from"vant";//引入Vant图片预览组件exportdefault{data(){return{};},met
GhostUncledrew·2020-09-16 14:07

Vue+Vant ui实现日期时间选择

Vue+Vantui实现日期时间选择VantDatetimePicker时间选择1、安装Vantuinpmivant-S2、在main.js中引入Vantui//引入vantimportVantfrom'vant'import'vant/lib/index.css'Vue.use(Vant)3、具体使用VantDatetimePicker组件详解exportdefault{data(){retur
GhostUncledrew·2020-09-16 14:07

打车时间联级选择插件，时间联动选择，首汽打车时间选择插件

先上图，感觉有用再继续往下看，免得耽误您的时间由于项目中需要用到类似打车软件的时间选择器，网上找了好多也没有同款，所以干脆自己封装了一个，基于vue+vant，主要是用到的vant（有赞）的van-popup
ChrisWang_·2020-09-15 13:48

前端开发框架选择

Vue+Vant适用场景：开发移动端(vue)上手难度：1Vant是一款很好用的移动端UI框架，非常轻便，适合小型项目https://vant-contrib.gitee.io/vant/#/zh-CN
a_靖·2020-09-14 19:25

vue+vant 实现上拉加载 下拉刷新

先上js//页面首次加载数据列表getlist(){this.loading=true;this.apiGet("/order/order_list",{params:{order_status:Number(this.order_status),page:this.pagenum}}).then(res=>{this.loading=false;//加载状态结束this.total=res.da
qq614756883·2020-09-12 17:00

Vue+Vant 实现下拉刷新上拉加载

1.引入Vantnpmivant-S2.在main脚本中使用vant3.如何在项目中使用vant的上拉加载和下拉刷新呢4.实现下拉刷新（onRefresh函数）5.实现上拉加载（onload函数）
少三公子·2020-09-12 16:26

一枚程序媛，献上开箱即用的 vue+vant 方案

"开箱即用，让开发变得更简单“github：https://github.com/sunniejs/vue-h5-template作者：花花小仙女基于vue-cli4.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架，开箱即用，让开发变得更简单。先夸一下自己，收到了很多人的好评。这次好好整理一文，你们的鼓励就是我前进的动力。文章有点长，可以拉到最后
程序员黑叔·2020-09-12 11:08

【前端Canvas】Vue+Vant Uploader 实现图片文件压缩上传

vant官网时常连接超时：vant源码需求base64传输图片。限量图片数9。上传图片超过1*1024*1024byte就压缩。结果3M的图片压缩到70KB，上传输效率提高了十倍。代码methods部分代码，主要是对file的base64进行处理，file的数据内容：文档流File，base64。/***文件流读取完成*@paramfile*/asyncafterReaderFiles(file)
素心2020·2020-08-26 17:27

vue+vant同一项目实现豆瓣电影加网易云音乐webapp-最佳练手项目

很多小伙伴练手都会去仿写豆瓣电影或者网易云音乐，所以，这回干脆把两个集合起来，具体长什么样，请各位看预览或下面图片啦。目的：做这个项目最主要的目的是为了练习与巩固vue，所以个人是本着怎么折腾怎么来的原则做的。怎么折腾法呢？比如豆瓣部分我使用了vant，网易云部分则没有，网易的ui组件则是自己造的轮子，当然在实际开发中肯定不会这么搞啦。。还有个人平时看过的知识，像createApi啥的会应用上，毕
joel·2020-08-24 15:21

vue+vant项目base64编码的图片直接显示成为图片

需求：将base64编码的图片直接显示成为图片解决方案：使用img标签，在src中添加对应的代码，把base64编码传入即可！如下所示vue中的主要代码如下this.vImg='data:image/png;base64,'+data.img如下是一个base64的图片编码/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBk
帅燊·2020-08-24 11:36

vue vant 引入pxtorem 移动端适配不成功 如何设置pxtorem 移动端rem适配

问题：在vue+vant项目中设置pxtorem，但是在移动端小屏下没适配失败解决：1.安装：npminstallpostcss-pxtorem--save-dev2.Vue项目中webpack配置步骤
carlos.chang·2020-08-22 20:10

Vue+vant使用skeleton组件实现骨架屏

效果演示直接上代码.skeleton{.van-skeleton{display:inline-block;width:50px;margin:0px22px;.van-skeleton__content{width:50px;}.van-skeleton__row{height:50px;margin:17px0px;}}}使用场景https://github.com/pppercyWang/v
优雅的王德奥·2020-08-22 14:29

前端使用Vue进行企业微信开发之JS-SDK的引入和使用

最近一个在企业微信的项目,使用的是vue+vant,之前并没有用到JS-SDK,刚好有一个需求说要用到扫描二维码的功能,就去看了看文档怎么使用企业微信的JS-SDK,经过搜索发现好像并没有很好的教程.但是发现了一个就是
ChiFung·2020-08-21 02:29

前端使用Vue进行企业微信开发之JS-SDK的引入和使用

最近一个在企业微信的项目,使用的是vue+vant,之前并没有用到JS-SDK,刚好有一个需求说要用到扫描二维码的功能,就去看了看文档怎么使用企业微信的JS-SDK,经过搜索发现好像并没有很好的教程.但是发现了一个就是
ChiFung·2020-08-21 02:30

土旦：移动端 Vue+Vant 的Uploader 实现 ：上传、压缩、旋转图片

面向百度开发htmljsdata(){return{files:{name:"",type:""},headerImage:null,picValue:null,upImgUrl,}},//组件方法获取流asynconRead(file){//console.log(file);//console.log(file.file);this.files.name=file.file.name;//获取
weixin_30338481·2020-08-20 12:19

vue+vant的van-swipe-cell 在ios设备上圆角无效

这个地方设置圆角在ios设备的时候会失效哈哈哈哈哈哈.van-swipe-cell{border-radius:0.2rem;margin-bottom:0.2rem;-webkit-transform:rotate(0deg);加上这句就好}
savealllive·2020-08-19 03:01

h5图片上传偶现不成功

问题：使用vue+vant写的移动端图片上传；h5图片上传偶现出现请求状态码是0；排查：1.发现在移动端拍照上传没问题，选照片上传就会报Error，请求返回码为0，服务端无日志。
香蕉你个芭呐呐·2020-08-18 21:36

vue+vant搭建移动端框架

主要内容1.vant/rem移动端适配的解决方案2.vue/cli二次配置及优化处理3.基于注册动态模式实现loading4.掌握vuex永久化存储1创建一个vue项目1.1安装vue-cli:npminstall-g@vue/cli1.2初始化项目vuecreatevue-vant(1)选择手动配置空格切换选中状态插件选择这边选择了（Babel、Router、Vuex、Css预处理器、Linte
我是一个脸·2020-08-16 00:10

移动端适配-(postcss-pxtorem)

基于vue+vant的移动端适配(rem)1.下载lib-flexible--savenpmilib-flexible--save2.在main.js中引入lib-flexiblemain.jsimport'lib-flexible
C。阳·2020-08-15 00:17

移动端骨架搭建vue+vant

关于如何创建一个vuecli3+的项目就再赘述首先安装vantnpmivant-S看官方文档，vant框架提供了多种引入方式，此处我们用vant推荐的方式，自动按需引入组件首先安装一个插件[babel-plugin-import]（babel-plugin-import是一款babel插件，它会在编译过程中将import的写法自动转换为按需引入的方式）npmibabel-plugin-import
养樂多_566c·2020-08-12 19:27

Vue 图片压缩并上传至服务器

本文主要讲解基于Vue+Vant，实现移动端图片选择，并用Canvas压缩图片，最后上传至服务器。还会封装一个工具类，方便直接调用。
solocoder222·2020-08-08 21:40
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他