在vue的watch中执行HTMLElement.click()无效是什么原因导致

Question

使用的是element框架，用vue的watch监听selectValue变化，当变化时就触发input[type=file]的click(),但是无效；

html 相关代码

<el-select v-model="selectValue" placeholder="请选择">
    <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
    </el-option></el-select><input type="file" ref="inputFile" id="inputFile">

vue 相关代码

data () {    return {
        options:[{
            value: '选项1',
            label: '黄金糕'
            }, {
            value: '选项2',
            label: '双皮奶'
            },],
        selectValue:''
    }
},

watch: {
    selectValue: function(v) {        // this.$refs.inputFile.click() 无效
        // document.getElementById('inputFile').click() 无效
    }
}