我能够构建一个简单的文本框组件<input />
并正确设置 v-model 绑定。
我正在尝试对自定义组件做同样的事情:vs-input
来自vuesax。
遵循以下模式无法按预期工作:
<template>
<div>
<vs-input type="text" v-model="value" @input="text_changed($event)" />
<!-- <input type="text" :value="value" @input="$emit('input', $event.target.value)" /> -->
</div>
</template>
<script>
export default {
name: 'TestField',
props: {
value: {
type: String,
default: ''
}
},
data() {
return {}
},
methods: {
text_changed(val) {
console.log(val)
// this.$emit('input', val)
}
}
}
</script>
在从其他自定义组件构建自定义组件时,我们应该注意什么以使 v-model 绑定正常工作?