之前使用vue开发组件的时候,在遇到子组件向父组件传递值时我采用的方法是这样的:
比如子组件是一个输入框,父组件调用时需要获取到子组件输入的值,子组件通过watch监听输入框的值然后通过this.$emit给父组件,再在父组件v-on绑定相应方法获取到从子组件传入的值,再将传入的值给对应的data:
childInput.vue:
<template>
<input type="text" v-model="inputValue">
</template>
<script>
export default{
data() {
return{inputValue: null}
},
watch:{
input