VUE中File属性Input无法触发@change事件

    由于要调整上传界面样式,所以需要隐藏自带的input元素,这里使用display:none控制,但是通过jquery$触发click事件后无法触发change事件。
    解决方法:
为input元素添加ref属性:
<input ref="myFile" type="file"  style="display: none;" @change="choiceModelFile">
再通过以下代码触发click事件即可。
this.$refs.myFile.click();
此时input框可正常触发@change事件。

作者:徐先森 文章名: 《VUE中File属性Input无法触发@change事件》
收录情况: 百度已收录
版权说明:若无特别注明,本文皆为 "徐博客”原创,转载请保留出处!

相关推荐

发表评论

路人甲
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(9)

Specificity Of Cephalexin For Pept1  <a href=http://apcialisle.com/#>Cialis</a> Buy Viagra Next Day Shipping  <a href=http://apcialisle.com/#>cialis</a> Dental Antibiotic Amoxicillin Protection
Stephar 3个月前 (2020-03-12) 回复
Prohair Propecia  http://abcialisnews.com - Cialis Tadalista 10  <a href=http://abcialisnews.com>Buy Cialis</a> Cheapest Cialis 5 Mg
EllFluock 3个月前 (2020-03-04) 回复
Viagra Samples From The Us  http://buycialisuss.com - Buy Cialis Taladafil 20mg Miami  <a href=http://buycialisuss.com>Buy Cialis</a> Provera Abnormal Menstruation Drugs
MatExping 3个月前 (2020-03-03) 回复
Direct No Rx Doryx Online Cash Delivery  http://buycialisuss.com - cheapest cialis Levitra Hoher Blutdruck  <a href=http://buycialisuss.com>cialis online</a> Online Pharmacy Canada
Lesbemi 3个月前 (2020-02-24) 回复
How To Get Flagyl Mc  http://abuycialisb.com - cialis 5mg best price Order Prevacid Solutab  <a href=http://abuycialisb.com>generic cialis canada</a> Cialis Kamagra En Ligne
Stevfeen 3个月前 (2020-02-20) 回复
Anti Oestrogene Homme  http://buycialisuss.com - Buy Cialis Canada No Prescription Propecia Finasteride  <a href=http://buycialisuss.com>Cialis</a> Prostatitis Cephalexin
Lesbemi 4个月前 (2020-02-04) 回复
Lybrel Birth Control No Persciption  http://cialibuy.com - Cialis Priligy Rischi  <a href=http://cialibuy.com>Cialis</a> Parlodel
MatExping 4个月前 (2020-01-23) 回复
Viagra Rezept Deutschland  http://cialibuy.com - Cialis Amoxicillin For Bladder Infection  <a href=http://cialibuy.com>Cialis</a> Viagra Quick Prescription
Stevfeen 4个月前 (2020-01-22) 回复
Cuanto Vale La Viagra  http://cialibuy.com - Cialis Order Now Macrobid Website Cheapeast Free Doctor Consultation  <a href=http://cialibuy.com>cialis for sale</a> Medicina Cialis Soft
Lesbemi 4个月前 (2020-01-21) 回复