This package has been deprecated

Author message:

Use v-image instead

vuejs-image

1.0.3 • Public • Published

Vue Image ⚡️

  • This is on GitHub so let me know if I've b0rked it somewhere, give me a star ⭐️ if you like it 🍻

✅ Install 👌

npm i vuejs-image

✅ Usage 🎓

  • Add it to your component 🎉
import vueImage from 'vuejs-image';
 
export default {
    components : { vueImage },
    data() : {
        return {
            image: ''
        },
    },
    methods: {
        localVariable(imageSentFromComponent) {
            this.image = imageSentFromComponent;
        }
    }
}

✅ Example 🍀

<vue-image 
    alt="Alt Text for the Image" 
    name="name"
    maxWidth="100px"
    maxHeight="100px"
    @loadImage="localVariable">
</vue-image>

✅ 📖 Props:

  • id (ID for html input) [default: "name"]

  • name (ID for html input) [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"]

✅ 👂 Listener:

  • loadImage (load the base64 to your custom component's variable (see example)) [default: ""]

NPM :octocat:

NPM

Package Sidebar

Install

npm i vuejs-image

Weekly Downloads

3

Version

1.0.3

License

none

Last publish

Collaborators

  • vinayakkulkarni