div 下的一列span 如何确定点击的是哪一个？

Question

1.

2.

<div class="card-color" @click="choicedColor">

                    <span>*</span>

                    <span>卡片颜色:</span>

                    <span></span>  <!--#a9d92d   Color110-->

                    <span></span>  <!--#63b359   Color010-->

                    <span></span>  <!--#45bd80   Color020-->

                    <span></span>  <!--#509fc9   Color030-->

                    <span></span>  <!--#5885cf   Color040-->

                    <span></span>  <!--#9062c0   Color050-->

                    <span></span>  <!--#d09a45   Color060-->

                    <span></span>  <!--#e4b138   Color070-->

                    <span></span>  <!--#ee903c   Color080-->

                    <span></span>  <!--#f08500   Color120-->

                    <span></span>  <!--#dd6549   Color090-->

                    <span></span>  <!--#cc463d   Color100-->

                </div>

    choicedColor(e){

            console.log(e)

        },

        

3.我想知道我点击的是哪一个元素，通过那个属性判定？

Answer 1

我会根据数据循环生成span绑定点击事件传入index参数，就可以知道是哪个了。