How to bind img src to data in Vue

by

If you’re using vue-cli you have to remember that everything is processed as a module, even images. You’d need to use require if the path is relative in JS, like this:

{ name: 'test1', src: require("https://stackoverflow.com/questions/48847644/assets/logo.png") }

You can find a lot more details about this here: http://vuejs-templates.github.io/webpack/static.html

More Related Contents:

  1. What should I do to use this webpacked JS library? [closed]
  2. how to proportionally scale a div with images inside?
  3. Vue.js dynamic images not working
  4. Render HTML to an image
  5. Resize image with javascript canvas (smoothly)
  6. Calling webpacked code from outside (HTML script tag)
  7. execute function after complete page load [duplicate]
  8. How to silently hide “Image not found” icon when src source image is not found
  9. Dynamically resizing Image-maps and images
  10. How to save a base64 image to user’s disk using JavaScript?
  11. How to display image with JavaScript?
  12. Can I get image from canvas element and use it in img src tag?
  13. Display unescaped HTML in Vue.js
  14. Disable dragging an image from an HTML page
  15. Vue.js get selected option on @change
  16. How do image preloaders work?
  17. Adding images to an HTML document with JavaScript
  18. Webpack file-loader outputs [object Module]
  19. Load image from url and draw to HTML5 Canvas
  20. How can I bind the html content in vuejs?
  21. JavaScript loading progress of an image
  22. Is there a way to load images to user’s cache asynchronously?
  23. What is ?
  24. Vue.js data-bind style backgroundImage not working
  25. Webpack-dev-server compiles files but does not refresh or make compiled javascript available to browser
  26. Styling Vuetify selectors
  27. createImageBitmap alternative on Safari
  28. How to disable ESLint in vue-cli?
  29. How much data / information can we save / store in a QR code?
  30. Using base64-encoded images with HtmlService in Apps Script

Leave a Comment