vue 自定义组件怎么去动态绑定多个input的model

Question

name：
v-bind:value='domianData.name'
v-on:input="$emit('input', {name: $event.target.value, age: value.age})">

v-for="item in data1"
:key="item.key">
age：
:value='domianData.age'
v-on:input="$emit(
'input',
{name:
value.name,
age:
$event.target.value})
">

`

</div>

export default { props: ['value'], data () { return { data1: [ { key: '1111111111', value: '萨达' }, { key: '2222222222', value: '阿斯达' } ], domianData: this.value } }, methods: { clickInput (val) { }, onChange () { this.domianData = '我是由子组件触发改变了内容' } }, watch: { value (val) { console.log(val); this.domianData = val }, domianData (val) { console.log(val); this.$emit('input', val) } }, }

Answer 1

让组件的入参为一个对象，你要绑定的多个model为这个对象的属性