我创建了一个自定义下拉列表组件,以便在表单等其他组件中重复使用。
我正在使用两个组件
1)表格(父组件) 2)下拉菜单(子组件)
表单组件有两个下拉列表,第一个是“国家名称”列表,第二个是“城市名称”列表。数据是从父组件发送来制作下拉列表的。 预期的行为如下。
1)单击“国家/地区”输入字段后,“国家/地区名称”下拉列表应打开。 2)再次单击“国家/地区”输入字段时,下拉菜单应隐藏 3)在页面上的任何位置单击时,下拉菜单均应隐藏。 4)在单击另一个下拉输入字段时,应打开相关的下拉列表,同时应隐藏其他下拉列表。
除以下内容外,一切正常。
如果“国家”下拉列表已经打开,并且同时单击“城市”下拉输入字段,则会打开相关的“城市”下拉列表。 但是“国家/地区”下拉列表并未隐藏。期望“国家/地区”下拉列表应该隐藏。