工作中遇到的问题，附上代码：
<a-row ><a-col :span="8"></a-col> <a-col :span="15" offset="1"> <a-row class="opt-pannel"> <a-col :span="8"> <a-button type="primary" class="addErrBtn" @click="addErrCodeModal = true" >添加错误码</a-button > </a-col> <a-col :span="16"> <div class="searchArea"> <a-input-search class="ipt-search" size="default" placeholder="错误码（十进制）" ></a-input-search> <a-input-search class="ipt-search" size="default" placeholder="错误码（十六进制）" ></a-input-search> </div> </a-col> </a-row> </a-col> </a-row>
在这段代码下边我还写了一个<a-table>组件，不知道有没有影响。
然后我鼠标移到“添加错误码”按钮上之后，没有出现手形，移到<a-input-search>上也没有出现编辑符号。然后点击按钮，click事件也没有被触发！请大佬帮我看看这是为什么呀？？？
虽然后面我用div代替了row和col，并且问题得到了解决：
<div class="opt-pannel">
<a-button
type="primary"
class="addErrBtn"
@click="addErrCodeModal = true"
>添加错误码</a-button
>
<div class="searchArea">
<a-input-search
class="ipt-search"
size="default"
placeholder="错误码（十进制）"
></a-input-search>
<a-input-search
class="ipt-search"
size="default"
placeholder="错误码（十六进制）"
></a-input-search>
</div>
</div>
但是我还是想知道原因是什么，望解答！！！
antDesign 的row的col嵌套后底层row中的事件触发失败
原文：https://www.cnblogs.com/lindang/p/14180130.html