質問編集履歴
1
追加
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を編集したりしたのですがうまく行きませんでした…
|