|
|
|
@ -16,7 +16,7 @@
|
|
|
|
var FileUpload = require('vue-upload-component');
|
|
|
|
var FileUpload = require('vue-upload-component');
|
|
|
|
|
|
|
|
|
|
|
|
new Vue({
|
|
|
|
new Vue({
|
|
|
|
template: '<file-upload post-action="/post.method" put-action="/put.method">Upload file</file-upload>',
|
|
|
|
template: '<file-upload v-model="files" post-action="/post.method" put-action="/put.method">Upload file</file-upload>',
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
|
FileUpload: FileUpload
|
|
|
|
FileUpload: FileUpload
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -28,7 +28,7 @@
|
|
|
|
```js
|
|
|
|
```js
|
|
|
|
import FileUpload from 'vue-upload-component'
|
|
|
|
import FileUpload from 'vue-upload-component'
|
|
|
|
new Vue({
|
|
|
|
new Vue({
|
|
|
|
template: '<file-upload post-action="/post.method" put-action="/put.method">Upload file</file-upload>',
|
|
|
|
template: '<file-upload v-model="files" post-action="/post.method" put-action="/put.method">Upload file</file-upload>',
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
|
FileUpload
|
|
|
|
FileUpload
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -62,7 +62,7 @@ https://lian-yue.github.io/vue-upload-component/
|
|
|
|
https://github.com/lian-yue/vue-upload-component/tree/2.0/example/
|
|
|
|
https://github.com/lian-yue/vue-upload-component/tree/2.0/example/
|
|
|
|
``` html
|
|
|
|
``` html
|
|
|
|
<div id="app">
|
|
|
|
<div id="app">
|
|
|
|
<file-upload>Upload file</file-upload>
|
|
|
|
<file-upload v-model="files" post-action="/post.method" put-action="/put.method">Upload file</file-upload>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
<script type="text/javascript">
|
|
|
|
@ -70,6 +70,11 @@ https://github.com/lian-yue/vue-upload-component/tree/2.0/example/
|
|
|
|
|
|
|
|
|
|
|
|
new Vue({
|
|
|
|
new Vue({
|
|
|
|
el:'#app',
|
|
|
|
el:'#app',
|
|
|
|
|
|
|
|
data() {
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
files: [],
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
|
FileUpload: FileUpload,
|
|
|
|
FileUpload: FileUpload,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -126,6 +131,8 @@ npm run build
|
|
|
|
|
|
|
|
|
|
|
|
value="Upload files"
|
|
|
|
value="Upload files"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
v-model="files"
|
|
|
|
|
|
|
|
|
|
|
|
@input="Function(files)"
|
|
|
|
@input="Function(files)"
|
|
|
|
|
|
|
|
|
|
|
|
@input-file="Function(newFile, oldFile)"
|
|
|
|
@input-file="Function(newFile, oldFile)"
|
|
|
|
|