我是初學者,不對的地方請你們多多指教。
在使用vue和elementUI開發前端界面的過程當中使用了upload組件,致點擊上傳按鈕之後文件目錄在界面上自動消失了,由於打算文件和表單其餘參數一塊兒上傳,納悶了好久,還覺得須要把文件數據流緩存到瀏覽器中雲雲瞎猜,最後在看elementUI的文檔過程當中發現設置upload組件參數的:auto-upload=false,能夠防止自動上傳,還沒上傳文件就不會在界面上消失了,這個參數默認是爲true,auto-upload=true會觸發:before-upload="beforeUpload"前端
那麼若是表單上有其餘字段須要和上傳文件一塊兒提交怎麼辦呢?這是咱們能夠在表單的提交按鈕觸發的函數vue
this.$refs.upload.submit();也會觸發beforeUpload,在這個函數裏把表單裏的數據複製給後臺提供的字段就能夠了
注意this.$refs.upload.submit();必定要放在params以前,先把上次文件數據流賦值在表單裏的字段,在把整個表單轉化爲json對象params。
並且我發現element組件裏有些屬性在組件裏應用時前面都不用加冒號的??有些卻要這個是爲何?
首先要明白':'實際上是vue裏面的v-bind縮寫json
在element上應用Radio單選框組件對比了一下時發現瀏覽器
在項目中應用時緩存
報錯框架
可是當我:label=「3」改成數字時不會報錯,可是我就是想傳字符串,查看了一下文檔
發現當label的值是字符串的時候,不用加:也就是v-bind。若是加了:(v-bind)他會把label裏的值識別爲變量,而我並未有事先聲明這三個變量,因此報錯了,由於數字不能充當變量因此不會報錯,個人我的理解是這個樣子的,去掉引號就不會報錯了
在學習的過程當中發現我對框架的底層不太理解,若是原理明白,解決問題和學習框架的效率就回提升不少。函數