子组件 input-part.vue
<view>
<u-input :value="value" @input="input"></u-input>
</view>
<script>
export default {
props: {
value: {
type: String,
default: "",
},
},
methods: {
input(e) {
this.$emit("input", e);
}
},
};
</script>
父组件 使用
<view>
<inputPart :value="inputValue" @input="inputChange" />
</view>
import inputPart from "./components/input-part.vue";
export default {
components: {
inputPart,
},
data() {
return {
inputValue: "",
};
},
methods: {
inputChange(e) {
console.log("input当前输入的值", e);
},
},
};