目录
vant popup
vant Popover
小程序中H5页面使用van-uploader上传图片安卓手机调取相机失效问题
-
vant popup
小程序上的vant用的是跟网页版的不一样的方法,网页版的可以使用v-model,但是小程序的要用"show"属性来控制显示与否。
<van-popup v-model="show">xxx</van-popup>
<van-popup :show="show" @close="show=false" position="bottom">xxx</van-popup>
由于是用show属性来控制,所以需要写一个close方法,这样一来,点击遮罩层关闭的“close-on-click-overlay”属性也才其效果,跟vue那里的v-model一次控制不一样。
-
vant Popover
官方文档如下:但是实际并不会显示 文章来源:https://www.toymoban.com/news/detail-539529.html
<van-popover
v-model="showPopover"
trigger="click"
:actions="actions"
@select="onSelect"
>
<template #reference>
<van-button type="primary">浅色风格</van-button>
</template>
</van-popover>
需要改为 v-model:show文章来源地址https://www.toymoban.com/news/detail-539529.html
<van-popover
v-model:show="showPopover"
trigger="click"
:actions="actions"
@select="onSelect"
>
<template #reference>
<van-button type="primary">浅色风格</van-button>
</template>
</van-popover>
-
小程序中H5页面使用van-uploader上传图片安卓手机调取相机失效问题
<van-cell title="上传图片" />
<van-uploader
v-model="fileList"
:before-read="beforeRead"
:after-read="afterRead"
:before-delete="beforeDelete"
:max-size="10*1024*1024"
:max-count="3"
upload-text="上传"
multiple
:capture="isAndroid? 'camera' : null"
@oversize="onOversize"
const isAndroid = ref(false);
let u= window.navigator.userAgent;
isAndroid.value=u.indexOf("Android") >-1 || u.indexOf("Linux") >-1;
到了这里,关于开发小程序使用 vant 遇到的坑 vant popup的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!