https://github.com/lassehaslev/vue-item-input
Vue 2 form item logic for selecting custom objects
https://github.com/lassehaslev/vue-item-input
Last synced: 25 days ago
JSON representation
Vue 2 form item logic for selecting custom objects
- Host: GitHub
- URL: https://github.com/lassehaslev/vue-item-input
- Owner: LasseHaslev
- Created: 2016-12-20T15:45:27.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-02-17T21:20:28.000Z (over 9 years ago)
- Last Synced: 2025-01-05T09:29:18.269Z (over 1 year ago)
- Language: JavaScript
- Size: 28.3 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @lassehaslev/vue-item-input
> Vue 2 form item logic for selecting custom objects
## Install
Run ```npm install @lassehaslev/vue-item-input --save``` in your project folder
## Usage
This package is divided into two main modules. ```BaseInput``` and ```BaseInputItem```
I am in the middle of a deadline, so I dont got time to write a good documentation today.
Please check out the [ the source ](https://github.com/LasseHaslev/vue-item-input/tree/master/src/tutorials/components) for documentation in anticipation of a better documentation,
of how to make use of this simple, but yet powerful component.
**Happy coding**
#### Base input
```js
import { BaseInput } from '../../index';
import { InputElement } from '../../index';
import ImageInputItem from './ImageInputItem';
export default {
template:`
Remove
Empty value
`,
mixins: [ BaseInput ],
components: {
ImageInputItem,
InputElement,
}
}
```
#### Base input item
```js
import { BaseInputItem } from '../../index';
import ImagePicker from './ImagePicker';
export default {
template: `
`,
mixins: [ BaseInputItem ],
methods: {
open() {
this.$refs.imagePicker.open();
},
imagesAdaptor( images ) {
// return images;
return images.slice( 0, 20 );
},
imageAdaptor( image ) {
return {
id: image.id,
url: image.url,
};
},
},
components: {
ImagePicker,
}
}
```
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
```
For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).