html li 包裹下的img点击事件监听不到？

Question

<ul @click='inputNum($event)'>

                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li  data-li='del'>
                                <img :src="img.del" alt=""  style='vertical-align:middle;'>
                            </li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li>0</li>
                            <li>7</li>
                            <li>8</li>
                            <li>9</li>
                            <li>·</li>
                            <li>C</li>
                            <li data-li='circle'>
                                <img :src="img.circle" alt="" style='vertical-align:middle;'>
                            </li>
                        </ul>
                        
                        

点击<img></img>不能被inputNum()监听到。点击li是可以的。什么原因？