A页面是子组件,用于input框;B页面是父组件,调用input框,当A页面的值改变了,B页面得到响应;B页面如果更改了这个值,也应回传到A页面。
A页面组件:
<template>
<input :value="value" @input="$emit('input', $event.target.value)" />
</template>
<script>
export default {
name: "input-text",
props: {
value: {
default: null
}
},
};
</script>
<style lang="scss" scoped>
</style>
B页面调用:
<input-text v-model="mtFitstName" :value="mtFitstName"></input-text>