前提・実現したいこと
実行ボタンが押下された際にJSONファイルを読み込み表示をしたいのですが、
target.filesの時点でエラーが出力されます。
発生している問題・エラーメッセージ
[Vue warn]: Error in event handler for "click": "TypeError: Cannot read property 'files' of undefined"
該当のソースコード
vue
1<template> 2 <v-layout justify-center align-center column > 3 <input type="file" id="loader"> 4 <v-btn @click="loadCsvFromFile" color="primary" dark large>実行</v-btn> 5 </v-layout> 6</template> 7 8 9 10<script> 11export default { 12 methods: { 13 loadCsvFromFile: function(){ 14 var obj1 = document.getElementById("loader"); 15 loadFile(obj1); 16 function loadFile(obj1){ 17 file = obj1.target.files[0]; 18 } 19 } 20 } 21} 22</script> 23<style> 24</style> 25
試したこと
console.logで関数が呼ばれている事は確認できました。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/02/01 03:19 編集
退会済みユーザー
2019/02/01 03:31