vant
vant copied to clipboard
youzan
A lightweight, customizable Vue UI library for mobile web apps.
Before submitting a pull request, please read the [contributing guide](https://vant-ui.github.io/vant/#/en-US/contribution). 在提交 pull request 之前，请阅读 [贡献指南](https://vant-ui.github.io/vant/#/zh-CN/contribution)。 ### bugfix [#12859](https://github.com/youzan/vant/issues/12859) ### 问题复现： 失去焦点、获取焦点、输入中文都能复现，滚动条会滚动到顶部  ### 原因分析  这里对 `input` 的 `height` 进行了两次赋值，`height=auto`...
### 这个功能解决了什么问题？ 如题所示，DropdownMenu提供一个属性值为boolean类型，当该值为true时。子组件DropdownItem的属性值options若为length为1的数组，则该项菜单去掉向下的图标，并且可直接点击并触发菜单切换，就不用像现有的逻辑一样，需要点击该项菜单还要去点击菜单列表中唯一的一个子菜单才能切换。 亦或者能够提供一个slot能够完全自定义某个菜单项，而不仅仅是title ### 你期望的 API 是什么样子的？ ``` Vue ```
### 重现链接 https://codesandbox.io/p/devbox/hls-33-z7l9gy?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clw4seowg00073b6ix0z38zv8%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clw4seowg00023b6i61l9ivas%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clw4seowg00043b6inxepjeam%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clw4seowg00063b6i4ebwhp9b%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clw4seowg00023b6i61l9ivas%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clw4seowg00013b6i3o5rt33p%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252FREADME.md%2522%257D%255D%252C%2522id%2522%253A%2522clw4seowg00023b6i61l9ivas%2522%252C%2522activeTabId%2522%253A%2522clw4seowg00013b6i3o5rt33p%2522%257D%252C%2522clw4seowg00063b6i4ebwhp9b%2522%253A%257B%2522id%2522%253A%2522clw4seowg00063b6i4ebwhp9b%2522%252C%2522activeTabId%2522%253A%2522clw4st4hg012v3b6ifhyt5un5%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A8080%252C%2522id%2522%253A%2522clw4st4hg012v3b6ifhyt5un5%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%252C%2522clw4seowg00043b6inxepjeam%2522%253A%257B%2522id%2522%253A%2522clw4seowg00043b6inxepjeam%2522%252C%2522activeTabId%2522%253A%2522clw4ss6iv010t3b6ijzxgd5dw%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clw4ss6iv010t3b6ijzxgd5dw%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clw4ss6r6001idhhueuot6m1n%2522%257D%255D%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D # ### Vant 版本 4.1.0 ### 描述一下你遇到的问题。 van-field在自适应高度时，同时添加max-height属性，在web端macos系统上，在超出限高再输入中文时，内容总是滚动到顶部。 ` ` ### 重现步骤 1.给van-field设置rows="1"，autosize和max-height； 2.在输入超出限高 内容滚动时 输入中文； 3.会出现内容回滚到顶部效果； ### 设备/浏览器 web端/macos/Chrome
### 重现链接 https://stackblitz.com/edit/vitejs-vite-btfcfw?file=src%2Fcomponents%2FHelloWorld.vue ### Vant 版本 "vant": "^4.9.0", ### 描述一下你遇到的问题。 在Tab做了3个内容，在A的Tab内容中嵌套滚动Tab，不会出现问题，但是在后续B，或者C内容中嵌套会出现嵌套的滚动Tab下标不准确。 1.不管A内容中嵌套Tab是否存在都会出现。 2.只有在不是A内容中嵌套的才会出现下标不准 3.出现问题的滚动Tab下标会出现2个问题 3.1 从aa点击到bb，下标会直接飞到dd 3.2 不论点击哪个tab都要点击2遍下标才会正确 ### 重现步骤 在Tab做了3个内容，在A的Tab内容中嵌套滚动Tab，不会出现问题，但是在后续B，或者C内容中嵌套会出现嵌套的滚动Tab下标不准确。 在A的tab中点击无问题 在B的tab中点击出现问题，再回到A，A也出问题 把A中嵌套删除，单独在B中嵌套，问题复现 ### 设备/浏览器 手机浏览器，PC浏览器都会出现
### 重现链接 https://stackblitz.com/edit/vitejs-vite-qxdxj8?file=src%2FApp.vue ### Vant 版本 4.9.0 ### 描述一下你遇到的问题。 以这个例子说明:Comp组件传了一个空对象参数,组件中的test变量只要变化,就会触发Comp组件里的watch事件,所以关联这个问题,或许还有其他表现形式. ### 重现步骤 1. 在输入框中随便输入什么 2. 打开控制台,发现watch事件会一直被调用 ### 设备/浏览器 Macos,chrome124
### 这个功能解决了什么问题？ 自建顶部导航栏组件需要fixed定位的时候，会与原来导航栏重叠 尝试从下图通过配置去双重循环去强行修改但是代码性能和可读性都比较差  ### 你期望的 API 是什么样子的？ ```javasript config里面直接加入 ```
### 重现链接 https://vant-contrib.gitee.io/vant/#/zh-CN/picker-group ### Vant 版本 4.8.10 ### 描述一下你遇到的问题。 PickerGroup中第二级TimePicker拖动后快速点击确定，取值错误 ### 重现步骤 https://github.com/youzan/vant/assets/66101110/e080e04b-9ba5-4030-be96-9126d74fb790 ### 设备/浏览器 _No response_
Before submitting a pull request, please read the [contributing guide](https://vant-contrib.gitee.io/vant/#/en-US/contribution). 在提交 pull request 之前，请阅读 [贡献指南](https://vant-contrib.gitee.io/vant/#/zh-CN/contribution)。 **Breaking change** 使用 vue 3.5 的 useId 来生成 id
### Reproduction Link https://codepen.io/chrisworkalx/pen/mdgvYoG ### Vant Version "vant": "^4.7.2" ### Describe the Bug 1. van-cascader组件 默认赋值匹配失败 ### Reproduce Steps ```vue import { ref } from 'vue'; const code = ref('1');...
