在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何把upload上傳的文件名放在input的value里?

如何把upload上傳的文件名放在input的value里?

  1. 已經(jīng)獲取到upload上傳的文件名, 但是不知道從哪里把文件名的值放在數(shù)據(jù)類型input的value中

clipboard.png

html

      <div class="data_type">
        數(shù)據(jù)類型:
        <div class="import_type_input">
          <el-input v-model="input" :value="this.file.name"></el-input>
          <el-upload class="upload-demo" ref="upload" name="excelFile" :action="this.uploadFile" :on-preview="handlePreview" :on-change="handleChange" :auto-upload="false" fa:on-remove="handleRemove" :file-list="fileList" :on-success="uploadSuccess" :data="{type: type}">
            <el-button size="small" type="primary">選擇Excel數(shù)據(jù)文件</el-button>
          </el-upload>
        </div>
      </div>

js

    submitForm() {
      console.log('this.file',this.file);
    },

在點擊提交的時候打印上傳文件名
clipboard.png

回答
編輯回答
傲寒

這個應(yīng)該是很簡單的，是不是你遇到的是什么坑？

  1. 選擇文件后會觸發(fā) el-upload 組件的 onChange 事件。
  2. 事件觸發(fā)后就可以獲取 file.name , 同時 直接綁定到 el-input 組件的value上
  3. 你這里input綁定的value寫法有問題。你重新寫一個變量試試。
2017年9月6日 10:01
編輯回答
詆毀你
<el-input v-model="input" :value="this.file.name"></el-input>
//input的值已經(jīng)綁定了（v-model="input"）input，你應(yīng)該吧this.file.name賦值給input;
//v-model的雙向綁定，el-input的值綁定的就是那個input的變量

v-model

2018年4月3日 18:34