点击elselect不触发，点击倒三角icon才触发

今天开发的需求，点击红色不触发el-select，点击三角图标（蓝色区域）才触发el-select，

不得不说子绝父相的使用得好，下班下得早

这里添加一个p标签，然后点击之后有边框效果，不触发el-select，做法是父盒子相对定位，子盒子绝对定位，p标签设置为百分之75宽度，点击切换changeObj.layoutId，就有这种效果

关键代码

<div class="flex items-center item my-5" style="position: relative;">
    <Select :name="element.id" :class="changeObj.layoutId ===element.id?'active':''" :options='layout_type' :isDefault='false' v-model:selectId="element.layoutType" style="m-0" @change="changeLayout($event,2)"></Select>
    <p @click="changItem(index,element.id,2)" class="P"></p>
    <SvgIcon class="close" icon-class="close" background='#000' circle color='#FFF' @click="del(element.id,2)">
    </SvgIcon>
</div>
            
.P {
  width: 75%;
  position: absolute;
  top: 0;
  bottom: 0;
}