![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vant
文章平均质量分 78
KLW75
笔记存放处,仅供参考。
展开
-
使用 vant 的时候 #icon=““ 缩写插槽使用失效的解决办法。
使用vant 组件的时候,有可能会碰到#icon="",这样的形式,这是vue中插槽的缩写形式。<template #icon="props"></template>这样的写法失效的话。很大的可能是引入的 vue 版本与 vant 的版本过低。解决办法,使用最新版的 vant 和vue 的版本<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.10/lib/index.cs.原创 2020-09-07 09:29:57 · 2728 阅读 · 2 评论 -
修改 vant 弹窗Dialog 组件调用是确认按钮与取消按钮的文字
Props有关props 两个属性confirm-button-text 与cancel-button-text 。confirm-button-text 确认按钮显示内容cancel-button-text 取消按钮显示内容<van-dialog class="" confirm-button-text="这里输入确认按钮的文字" cancel-button-text="这里输入取消按钮显示的文字" title="这里是标题" show-cancel-button v-...原创 2020-09-03 10:58:57 · 9008 阅读 · 0 评论 -
vant 在 h5页面中引用 通过 CDN 引入
链接:https://youzan.github.io/vant/#/zh-CN/quickstart#fang-shi-si.-tong-guo-cdn-yin-ru经常这样使用,这里留作备份。<!-- 引入样式文件 --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.9/lib/index.css"/><!-- 引入 Vue 和 Vant 的 JS 文件 -->原创 2020-09-03 10:02:40 · 3807 阅读 · 5 评论 -
vue--vant组件库Dialog弹出框
vant中弹窗的应用 。链接:https://www.cnblogs.com/vinieo/p/10178612.html原创 2019-09-24 15:41:23 · 3677 阅读 · 0 评论 -
使用 vant 上传压缩图片的方法
这里的 afterRead 方法 是vant上传自带方法,见文档 https://youzan.github.io/vant/#/zh-CN/uploaderafterRead(file) { this.$toast.loading("识别中"); //判断图片的大小,单位是字节 if (file.file.size > 1048576) { console.log('压缩执行') let canvas = document.cre.原创 2020-07-10 16:05:38 · 944 阅读 · 0 评论 -
vant 上传组件 中 使用 base64转化功能时各个属性的含义 图片base64 原文件 文件大小。
vant 上传组件具备图片 转化为base64 的功能,需要可以直接用如果你 方法 afterRead(file) 传过来的值名字为 file,那么file.content即为base64 格式的图片file.file 为未转化格式的文件file.file.size为未转化格式的文件的大小这里记录一下,之前还自己费力去转化base64 再转换到原来的格式、...原创 2020-07-02 16:27:53 · 2124 阅读 · 0 评论 -
vant 使用上传表单组件(调用手机摄像头拍照)
在vant组件的成功引入的前提下,写入以下内容<van-uploader :after-read="afterRead" :max-size="4 * 1024 * 1024" @oversize="onOversize" capture="camera" class="uploader"> <!-- <span>点击调用摄像头进行拍摄</span> --></van-uploader>属性解释after-read:是文件读取完成原创 2020-07-01 09:35:33 · 22323 阅读 · 53 评论