1.0.3 • Published 8 years ago
vuejs-image v1.0.3
Vue Image :zap:
- This is on GitHub so let me know if I've b0rked it somewhere, give me a star :star: if you like it :beers:
:white_check_mark: Install :ok_hand:
npm i vuejs-image
:white_check_mark: Usage :mortar_board:
- Add it to your component :tada:
import vueImage from 'vuejs-image';
export default {
components : { vueImage },
data() : {
return {
image: ''
},
},
methods: {
localVariable(imageSentFromComponent) {
this.image = imageSentFromComponent;
}
}
}:white_check_mark: Example :four_leaf_clover:
<vue-image
alt="Alt Text for the Image"
name="name"
maxWidth="100px"
maxHeight="100px"
@loadImage="localVariable">
</vue-image>:white_check_mark: :book: Props:
id(ID for htmlinput) default: "name"name(ID for htmlinput) default: "name"maxWidth(Max Width for Image Container) default: "200px"maxHeight(Max Height for Image Container) default: "200px"paddingBottom(Padding Bottom between Image and Button) default: "5px"
:white_check_mark: :ear: Listener:
loadImage(load the base64 to your custom component's variable (see example)) default: ""
