vant下拉框(vant下拉框选择器)

微信小程序 vant下拉菜单打印value值

van-dropdown-menu active-color="#ff7600"

      van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" bind:change="shuChange"/

    /van-dropdown-menu

shuChange: function (e) {

    console.log(e.detail);

  },

Vant UI 二次封装 --下拉选择框

我希望是在页面中这样使用组件

对于日期选择框基本也可以这样做,只是我项目中暂时还可以用到,用到在封装。

vant框架的select下拉框

vant似乎没有直接提供传统的select下拉框,我的意思是,单行单元格然后点击出现下拉框,样式和其他input统一。

今天做了一下,记录一下子,以免后面忘记

1.需求 input focus下出现下拉框,选中选项后 值绑定给field

2.html部分 圆圈处是控制底部抽屉是否显示

3.data和methods部分

vant下拉框(vant下拉框选择器)  第1张

以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的前端知识。希望您喜欢!

版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023-09-23 10:45
下一篇 2023-09-23 12:45

相关推荐

发表回复

登录后才能评论