vue 父元素点击不触发子组件_vue 在父组件里阻止子组件的点击事件

子组件的代码

import Exif from 'exif-js'

export default {

data() {      return {        headerImage: '/static/images/add.jpg',        picValue: ''

}

},    methods: {

addPic() {        let file = this.$refs.file

file.click()   ←  这块是点击div 触发点击input file的点击事件

},

}

父组件

法人身份证

{{text}}

methods:{

backImg(img) {                this.legalPersonImage = img;                this.text = '重新上传'

if (this.text == '重新上传') {                    this.submit();

}

},

}

应该怎么写 能在满足一种条件下 清除点击事件 求教