父组件
<template>
<div >
<h-input v-model="name" />
</div>
</template>
<script>
import hInput from "./views/demo/index";
export default {
name: "App",
data() {
return {
name: "",
};
},
components: {
hInput,
},
watch: {
name(val) {
console.log(val);
},
},
};
</script>
子组件
<template>
<div>
<el-input :value="value" @input="inputChange($event)"></el-input>
</div>
</template>
<script>
export default {
props: {
value: String,
},
components: {},
data() {
return {};
},
methods: {
inputChange(val) {
this.$emit("input", val);
},
},
};
</script>