當我點擊一個按鈕時，我正在嘗試重置我的 v-input-file。但是，我沒有看到任何功能可以做到這一點。我嘗試了以下命令：（upload_json 是我的 v-input-file 的名稱）
this.$refs.upload_json.files=[]
this.$refs.upload_json.files=null
this.$refs.upload_json.value=""
this.$refs.upload_json.reset()
對于所有命令，我有相同的以下錯誤：
未捕獲的 TypeError：代理集處理程式為屬性回傳 false
uj5u.com熱心網友回復：
您可以使用這種方法清除輸入
<div id="app">
<v-app id="inspire">
<v-file-input
v-model="files"
accept="image/png, image/jpeg, image/bmp"
placeholder="Pick an avatar"
prepend-icon="mdi-camera"
label="Avatar"
></v-file-input>
<v-btn @click="restInput">Clear Input</v-btn>
</v-app>
</div>
main.js
new Vue({
el: '#app',
vuetify: new Vuetify(),
data: () => ({
files:{},
}),
methods:{
restInput(){
this.files = {}
}
}
})
uj5u.com熱心網友回復：
您可以使用this.$refs.upload_json.value=null
uj5u.com熱心網友回復：
您可以通過以下方式清除輸入：
this.$refs.upload_json.internalValue = this.multiple ? [] : null
我測驗了它并且它有效。如果您查看v-file 組件的源代碼，這就是 Vuetify 開發人員input在您單擊clear圖示時清除的方式。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/448435.html
標籤：Vue.js Vuetify.js