uni-app引入Vant 下拉菜单dropdown选择过后边的之后再选择前边的选项出现点击无效

已于 2023-03-25 19:23:13 修改
阅读量1k 收藏 1
点赞数 1
分类专栏： 问题解决 文章标签： uni-app
于 2023-03-25 19:22:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33839972/article/details/129771051
版权

解决办法：打开vant源码找到对应字段进行修改，这里以dropdown为例：

    找到     wxcomponents/vant-weapp/dropdown-item/index.wxml打开后找到after-enter和after-leave这两个事件，并改为驼峰命名：afterEnter和afterLeave即可！有遇到问题的小伙伴可以去试一试，看下是否能够解决！

Florenza
关注
专栏目录
vant 组件中的DropdownMenu 下拉菜单为啥获取不了value值？设置title，值不改变？
MICHONG的博客
08-20 7962
看到有小伙伴对使用vant框架里DropdownMenu有疑问，统一记录，有默认title 官方地址 https://youzan.github.io/vant/#/zh-CN/dropdown-menu html <van-dropdown-menu> <van-dropdown-item :title="accountName" v-model="accountNameValue" :optio
uni-app导入vant(上干货)
weixin_71879136的博客
03-10 2656
uni-app导入vant(上干货)
uniapp van-dropdown-menu 下拉后页面无法点击的问题
weixin_46324536的博客
12-08 890
可以将 @vant/weapp/dropdown-item/index.wxml 里面的 van-popup 的事件改成驼峰写法 afterEnter 和 afterLeave 就可以了。是关于uniapp底层的问题。
uview下拉菜单Dropdown整合个性化下拉
最新发布
luck332的专栏
08-14 828
在选项卡默认的单选功能无法满足的时候，我们可以给u-dropw-item传递slot来自定义需要展示的内容。个性化下拉菜单就是这样轻松完成的。因为默认下拉菜单只是很简单的单选式下拉。
uniapp在使用van-dropdown-menu点击选项后页面点击没反应
天码星空
04-02 1847
问题描述:点击下拉选项后,整个页面无法点击 解决办法: 原件: <van-popup show="{{ showPopup }}" custom-style="position: absolute;{{ popupStyle }}" overlay-style="position: absolute;" overlay="{{ overlay }}" position="{{ direction === 'down' ? 'top' : 'bottom' }}
关于vant2 组件van-dropdown-item，在IOS手机上，特定条件下无法点击问题的探讨
jifashihan的博客
08-15 2003
van-dropdown-menu 在IOS上不能点击
多个van-dropdown-item布局，相互覆盖无法点击
qq_41687299的博客
06-27 1271
多个van-dropdown-item布局，相互覆盖无法点击
实战避雷记录 | 关于uni开发小程序引入vant weapp事件失效
zerobiu的博客
03-08 1057
①最初引用vant开发小程序的时候是原生开发，此次用uniapp开发小程序项目时也想着引入使用下。②结果遇到的问题是展示内容比如输入框这种的都可以，但是点击事件的时候出不来效果。③一开始想着是不是版本用错了，后面看了下文档针对小程序的版本就是weapp的。把usingComponents挪到globalStyle里面全局引入就好了。不能在pages中局部引入组件。一顿试错之后，发现原来。
uniapp框架-uniapp选择器,包含一级,二级级联,三级级联uni-app项目源码-vue语法格式.zip
05-21
从多级选择器到自定义导航栏，再到二维码生成器，UniApp的控件封装合集为开发者提供了极大的便利。 面向未来，UniApp将继续优化性能，拓展功能，满足更多开发者的需求。如果你正在寻找一个高效、便捷的跨平台开发...
uni-app 引入vant-weapp、lin-ui组件库
IceStreamLab
01-24 2059
小程序组件支持 在项目中创建wxcomponents目录 引入Vant-Weapp 小程序ui组件库 vant-weapp github地址 直接通过 git 下载 Vant Weapp 源代码，并将dist目录拷贝到自己的项目中 引入Lin-UI 小程序ui组件库 git clone https://github.com/TaleLin/lin-ui.git 直接通过git下载 Lin UI...
uni-app 多端操作引入vant 避坑亲测版~
a895544608的博客
02-10 2068
uni-app 小程序 h5引入vant 实测版！
uni-app下拉框实现
12-18
uni-app下拉框实现，纯原生写法
uni-app下拉实例模板
04-04
uni-app的点击下拉实例模板，非常好用，可以放心使用。
uni-app整合vant、nuxt
hahahhahahahha123456的博客
04-30 3016
创建uni-app移动端项目使用uni-cli下载 vue create -p dcloudio/uni-preset-vue my-project 下载Nuxt框架 ,无需使用create-nuxt-app. 脚手架 yarn add nuxt 配置package.json文件 { "name": "my-app", "scripts": { "dev": "nuxt", "build": "nuxt build", "generate": ...
vant单选框取消选中
m0_64992765的博客
05-14 402
在vant单选框取消时，需要定义两个事件，还需配合使用。采用多选框方式进行单选处理，主要在事件的触发。在点击时进行判断数据的长度，进行删除。
UNiapp +uv-drop-down 自定义uv-drop-down-popup下级内容
weixin_56661895的博客
06-13 721
自定义uv-drop-down 下拉内容
如何在 Vue 项目中解决 el-dropdown-item 点击无效的问题
weixin_55932347的博客
11-29 1929
当在 Vue 项目中遇到 el-dropdown-item 点击无效的问题时，可以通过在 @click 后添加 .native 来解决。
uniapp：mosowe-dropdown下拉菜单
mosowe
04-15 1155
另一个类型的下拉菜单，当列表长度大于50的时候自动开启虚拟滚动，兼容uniapp项目的V2/V3版本。
uniApp+uView 实现 tabs标签+drop-down下拉组件
DevilAngelia的博客
07-05 3176
2.字段 字段 类型 默认值 可选值 说明 right Boolean false - 是否显示tabs右侧插槽 list Array [] - 标签数组，元素为对象，如[{name: ‘推荐’}] itemStyle String padding-left: 15px; padding-right: 15px; height: 40px; - 菜单item的样式 activeStyle Object { color: ‘#FB7299’, fontSize: ‘14px’ }
vantweapp引入uni-app需要在main.js中引入吗
06-06
如果你是在uni-app中使用vant-weapp，那么不需要在main.js中引入vant-weapp，因为uni-app已经对vant-weapp进行了封装和集成，你只需要按照uni-app的文档和vant-weapp的文档使用即可。 uni-app已经在其框架中集成了vant-weapp，你只需要在需要使用vant-weapp的页面中按照vant-weapp的使用方式来引入组件即可。例如，在pageA.vue中使用vant-weapp中的Button组件，只需要在pageA.vue中按照以下方式引入即可： ```vue <template> <van-button type="primary">按钮</van-button> </template> <script> export default { // ... } </script> ``` 注意：在使用vant-weapp组件时，需要在页面对应的json文件中声明需要使用的组件，具体可参考vant-weapp的官方文档。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值