VUE div click无效的问题及解决

    <div v-else-if="item.type ===7" class="left-title bgc-opacity" :style="styleObj" @click="changeliveisResize(true)">
      <!-- 字幕 -->
      <div v-if="!item.text">
        <div class="text-son">{{ $t('program.caption') }}</div>
      </div>
      <div v-else>
        <div class="left-align-text caption-text" :style="{fontSize: item.fontSize + 'px', color: item.fontColor}"> {{ item.text }} </div>
      </div>
    </div>

<template>
<div>
    <span>父组件页面</span>
     <search @click="onSubmit"></search>
</div>
</template>
<script>
methods: {
    onSubmit() {
        alert('show')
    }
}
</script>

<template>
    <div>
        <button>点击查找</button>
    </div>
</template>
<script>
</script>

<search @click.native="onSubmit"></search>

<template>
<div>
    <span>父组件页面</span>
     <search @click="onSubmit"></search>
</div>
</template>
<script>
methods: {
    onSubmit() {
        alert('show')
    }
}
</script>

<template>
    <div>
        <button @click='handleClick'></button>
    </div>
</template>
<script>
methods: {
    handleClick() {
        this.$emit('click')
    }
}
</script>