设置小程序Vant Weapp的自定义显示选项标题
发布时间
阅读量:
阅读量
尽管官方资料中未明确提及此类样式,但此次下拉菜单的设计仍具备较高的灵活性,用户可自行定义标题内容,仅需添加一个change事件即可实现修改功能。

参考:Vant Weapp的DropdownMenu 下拉菜单官方文档
题外话:
下拉菜单存在一个边框阴影效果,显得较为不美观,建议在CSS中进行覆盖处理。
.dropdown-menu{
box-shadow: 0 0 0 !important; /* 取消边框的阴影*/
}
其基本原理为:在wxml文件中,题目的标题部分使用{{ classTitle }}进行数据绑定,当选项内容发生变动时,将触发classChange事件。该事件会依据选项所携带的值value对classTitle进行更新操作:若value的值为0,则将classTitle设置为‘分类’;若valu
全部评论 (0)
还没有任何评论哟~
