Skip to content

Instantly share code, notes, and snippets.

@TonyDalian

TonyDalian/vue-custom-input-component-exercise.js

Forked from laracasts/vue-custom-input-component-exercise.js
Created August 31, 2017 16:48
Show Gist options
  • Save TonyDalian/f0861a49c9e8f365be77cbf7ece37457 to your computer and use it in GitHub Desktop.
Save TonyDalian/f0861a49c9e8f365be77cbf7ece37457 to your computer and use it in GitHub Desktop.
Download ZIP
vuecasts.com - Custom Input Components exercise.
Raw
vue-custom-input-component-exercise.js
Vue.component('coupon', {
props: ['code'],
template: `
<input type="text"
:value="code"
@input="updateCode($event.target.value)"
ref="input">
`,
methods: {
updateCode(code) {
// Atttach validation + sanitization here.
this.$emit('input', code);
}
}
});
new Vue({
el: '#app',
data: {
coupon: 'FREEBIE' // Maybe from DB or querystring.
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment