質問編集履歴

1

追加

2018/01/25 08:35

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -34,6 +34,12 @@
34
34
 
35
35
 
36
36
 
37
+ declare var require: any
38
+
39
+ const Drop = require('./drop.vue').default
40
+
41
+
42
+
37
43
  Vue.use(VueObserveVisibility)
38
44
 
39
45
 
@@ -346,6 +352,54 @@
346
352
 
347
353
 
348
354
 
355
+ ```vue
356
+
357
+ //テンプレートにはDOM要素を書く
358
+
359
+ <template>
360
+
361
+ <div>
362
+
363
+ <input type="file" @change="onDrop">
364
+
365
+ </div>
366
+
367
+ </template>
368
+
369
+ //sciprtにはVueインスタンスで書いたときのような処理を書く
370
+
371
+ <script>
372
+
373
+ export default {
374
+
375
+ methods:{
376
+
377
+ //ファイルを選択したときの処理
378
+
379
+ onDrop:function(event){
380
+
381
+ let fileList = event.target.files
382
+
383
+ }
384
+
385
+ },
386
+
387
+ }
388
+
389
+ </script>
390
+
391
+ //styleにcssを書いていくんだけれども省略
392
+
393
+ <style lang="scss">
394
+
395
+ </style>
396
+
397
+ ```
398
+
399
+
400
+
401
+
402
+
349
403
  javascriptで言う所の
350
404
 
351
405
 
@@ -355,3 +409,7 @@
355
409
 
356
410
 
357
411
  みたいなことをタイプスクリプトでしたいのですが、全然できません(T___T)
412
+
413
+ You may need an appropriate loader to handle this file type.
414
+
415
+ とコンソールで言われるので、ts-loaderというのを使うようconfigを編集したりしたのですがうまく行きませんでした…