こちらのコードで一部分からないことがあります。
input
のv-on="listeners"
はどのような処理をしているのでしょうか?
components/BaseInputText.vue
vue
1<template> 2 <input 3 type="text" 4 class="input" 5 :value="value" 6 v-on="listeners" 7 > 8</template> 9 10<script> 11export default { 12 props: { 13 value: { 14 type: String, 15 default: '', 16 } 17 }, 18 computed: { 19 listeners () { 20 return { 21 // Pass all component listeners directly to input 22 ...this.$listeners, 23 // Override input listener to work with v-model 24 input: event => this.$emit('input', event.target.value) 25 } 26 } 27 } 28} 29</script>
あなたの回答
tips
プレビュー