How can I solve “Interpolation inside attributes has been removed. Use v-bind or the colon shorthand”? Vue.js 2

by

Use JavaScript code inside v-bind (or shortcut “:”):

:href="'#purchase-' + item.id"

and

:id="'purchase-' + item.id"

Or if using ES6 or later:

:id="`purchase-${item.id}`"

More Related Contents:

  1. Is it possible to emit from mounted in Vuejs?
  2. Can we make vue.js application without .vue extension component and webpack?
  3. Vuex – Computed property “name” was assigned to but it has no setter
  4. How to add external JS scripts to VueJS Components?
  5. Communication between sibling components in Vue.js 2.0
  6. How to import and use image in a Vue single file component?
  7. How to implement debounce in Vue2?
  8. Vuex – Do not mutate vuex store state outside mutation handlers
  9. [Vue warn]: Property or method is not defined on the instance but referenced during render
  10. How to listen for ‘props’ changes
  11. Passing props dynamically to dynamic component in VueJS
  12. Vuejs typescript this.$refs..value does not exist
  13. Which command do I use to generate the build of a Vue app?
  14. VueJS access child component’s data from parent
  15. Is there any way to ‘watch’ for localstorage in Vuejs?
  16. Vue – how to pass down slots inside wrapper component?
  17. Apply global variable to Vuejs
  18. Mocking methods on a Vue instance during TDD
  19. Vue v-on:click does not work on component
  20. Vue template or render function not defined yet I am using neither?
  21. Global data with VueJs 2
  22. What is nextTick and what does it do in Vue.js?
  23. How to make dynamic routes on the vue router?
  24. When should I use Vuex?
  25. How to use microfrontends with Vue/Nuxt?
  26. Vuejs: Event on route change
  27. Vue.js – Add class to clicked button
  28. How to access Vuex module getters and mutations?
  29. Uncaught Error: [vue-composition-api] must call Vue.use(plugin) before using any function
  30. Passing props to Vue.js components instantiated by Vue-router

Leave a Comment