問(wèn)題

<van-dropdown-menu>添加多個(gè)<van-dropdown-item>,最后添加會(huì)導(dǎo)致之前添加的彈框顯示正常但點(diǎn)擊事件無(wú)效，猜測(cè)是相互覆蓋導(dǎo)致的。

效果：

本次下拉點(diǎn)擊的item會(huì)導(dǎo)致上次下拉無(wú)法再次重新選擇。

例如：
選用以上布局，進(jìn)行以下操作：
1.先點(diǎn)擊id為item1的下拉菜單，展開(kāi)下拉選項(xiàng)進(jìn)行選值
2.再點(diǎn)擊id為item2的下拉菜單，展開(kāi)下拉選項(xiàng)進(jìn)行選值
3.再次點(diǎn)擊id為item1的下拉菜單，展開(kāi)下拉選項(xiàng)進(jìn)行選值，無(wú)法執(zhí)行選擇動(dòng)作，效果和disabled一樣

解決方法：

加個(gè)樣式，即可解決。
代碼如下：

<van-dropdown-item
          id="city"
          title="地市"
          :style="{ display: cityShow ? 'block' : 'none' }"
          @close="cityShow = false"
          @open="cityShow = true"
        >
      <view style="padding: 5px 16px">
            <van-button type="danger" block round @click="reloadSearchData">
              確認(rèn)
            </van-button>
      </view>
</van-dropdown-item>

<van-dropdown-item
          id="goods"
          title="商品"
          :style="{ display: goodsShow ? 'block' : 'none' }"
          @close="goodsShow = false"
          @open="goodsShow = true"
        >
        <view style="padding: 5px 16px">
            <van-button type="danger" block round @click="reloadSearchData">
              確認(rèn)
            </van-button>
         </view>
 </van-dropdown-item>

點(diǎn)擊確認(rèn)按鈕，關(guān)閉所有item：

 this.cityShow = false;
 this.goodsShow = false;