質問編集履歴
1
追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,6 +16,9 @@
|
|
|
16
16
|
//import * as Drop from "./drop.vue";
|
|
17
17
|
//const Drop = require('./drop.vue');
|
|
18
18
|
|
|
19
|
+
declare var require: any
|
|
20
|
+
const Drop = require('./drop.vue').default
|
|
21
|
+
|
|
19
22
|
Vue.use(VueObserveVisibility)
|
|
20
23
|
|
|
21
24
|
let vue = new Vue({
|
|
@@ -172,8 +175,34 @@
|
|
|
172
175
|
|
|
173
176
|
```
|
|
174
177
|
|
|
178
|
+
```vue
|
|
179
|
+
//テンプレートにはDOM要素を書く
|
|
180
|
+
<template>
|
|
181
|
+
<div>
|
|
182
|
+
<input type="file" @change="onDrop">
|
|
183
|
+
</div>
|
|
184
|
+
</template>
|
|
185
|
+
//sciprtにはVueインスタンスで書いたときのような処理を書く
|
|
186
|
+
<script>
|
|
187
|
+
export default {
|
|
188
|
+
methods:{
|
|
189
|
+
//ファイルを選択したときの処理
|
|
190
|
+
onDrop:function(event){
|
|
191
|
+
let fileList = event.target.files
|
|
192
|
+
}
|
|
193
|
+
},
|
|
194
|
+
}
|
|
195
|
+
</script>
|
|
196
|
+
//styleにcssを書いていくんだけれども省略
|
|
197
|
+
<style lang="scss">
|
|
198
|
+
</style>
|
|
199
|
+
```
|
|
200
|
+
|
|
201
|
+
|
|
175
202
|
javascriptで言う所の
|
|
176
203
|
|
|
177
204
|
const Drop = require('./drop');
|
|
178
205
|
|
|
179
|
-
みたいなことをタイプスクリプトでしたいのですが、全然できません(T___T)
|
|
206
|
+
みたいなことをタイプスクリプトでしたいのですが、全然できません(T___T)
|
|
207
|
+
You may need an appropriate loader to handle this file type.
|
|
208
|
+
とコンソールで言われるので、ts-loaderというのを使うようconfigを編集したりしたのですがうまく行きませんでした…
|