解决海康威视插件的遮盖下拉选择框

下拉选择框出来的时候要异步设置一下,可能会还没塞入节点就发送ifreme通信,重点是iframeRef的通信

            <Select
              ref={selectRef}
              style={{ flex: 1 }}
              listHeight={120}
              onChange={handleChange}
              options={selectOption}
              value={selectVal['iotId'] || null}
              fieldNames={{
                label: 'name',
                value: 'iotId'
              }}
              popupClassName='selectDropBlock'
              notFoundContent={
                <div style={{ color: '#12C2FC' }}>没有匹配的数据</div>
              }
              onDropdownVisibleChange={(open) => {
                if (open) {
                  setTimeout(() => {
                    const selectDropdown =
                      document.getElementsByClassName('selectDropBlock')
                    if (selectDropdown && selectDropdown.length != 0) {
                      iframeRef.current.contentWindow.postMessage({
                        action: 'coverVideo',
                        data: 'selectDropBlock' // 选填,默认
                      })
                    }
                  }, 250)
                } else {
                  iframeRef.current.contentWindow.postMessage({
                    action: 'cancelCoverVideo'
                  })
                }
              }}
            />
  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值