Add script to import:

master v2.4.0-beta.4
git 8 years ago
parent 5aae7d586d
commit 2738d7a90d

@ -11,12 +11,51 @@
npm install vue-upload-component --save npm install vue-upload-component --save
``` ```
### HTML
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Vue-upload-component Test</title>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-upload-component@2.4.0-beta.4/dist/vue-upload-component.js"></script>
</head>
<body>
<div id="app">
<file-upload v-model="files"
post-action="/post.method"
put-action="/put.method">Upload file
</file-upload>
</div>
<script>
new Vue({
el: '#app',
data: function() {
return {
files: []
}
},
components: {
FileUpload: VueUploadComponent
}
});
</script>
</body>
</html>
```
### CommonJS ### CommonJS
```js ```js
var FileUpload = require('vue-upload-component'); var FileUpload = require('vue-upload-component');
new Vue({ new Vue({
template: '<file-upload v-model="files" 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>',
data: function() {
return {
files: []
}
},
components: { components: {
FileUpload: FileUpload FileUpload: FileUpload
} }
@ -29,6 +68,11 @@
import FileUpload from 'vue-upload-component' import FileUpload from 'vue-upload-component'
new Vue({ new Vue({
template: '<file-upload v-model="files" 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>',
data() {
return {
files: []
}
},
components: { components: {
FileUpload FileUpload
} }

2
dist/example.js vendored

@ -8121,7 +8121,7 @@
multiple: true, multiple: true,
directory: false, directory: false,
drop: true, drop: true,
dropDirectory: false, dropDirectory: true,
thread: 3, thread: 3,
name: 'file', name: 'file',

File diff suppressed because one or more lines are too long

@ -1,4 +1,4 @@
module.exports = exports["VueUploadComponent"] =
/******/ (function(modules) { // webpackBootstrap /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache /******/ // The module cache
/******/ var installedModules = {}; /******/ var installedModules = {};

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -192,7 +192,7 @@ export default {
multiple: true, multiple: true,
directory: false, directory: false,
drop: true, drop: true,
dropDirectory: false, dropDirectory: true,
thread: 3, thread: 3,
name: 'file', name: 'file',

@ -1,7 +1,7 @@
{ {
"name": "vue-upload-component", "name": "vue-upload-component",
"description": "Vue.js file upload component, Support for multiple file uploads, progress, html5, html4, support ie9", "description": "Vue.js file upload component, Support for multiple file uploads, progress, html5, html4, support ie9",
"version": "2.4.0-beta.3", "version": "2.4.0-beta.4",
"author": "LianYue", "author": "LianYue",
"scripts": { "scripts": {
"dev": "webpack-dev-server --inline --hot", "dev": "webpack-dev-server --inline --hot",

@ -9,4 +9,4 @@ module.exports.entry = {
} }
module.exports.output.library = 'VueUploadComponent'; module.exports.output.library = 'VueUploadComponent';
module.exports.output.libraryTarget = 'commonjs2'; module.exports.output.libraryTarget = 'commonjs';

Loading…
Cancel
Save