入力検索フィールドを抽出するときは、親コンポーネントのデータを双方向でバインドする必要があります。では、どうすればよいでしょうか。3.0vueは私が達成するのを助けるためにこの方法を持っています
1.親コンポーネント
Father.vue
<Input @send="getChildren" v-model:keyword="keyword"></Input >
data() {
return {
keyword:''
}
},
2.サブコンポーネント
Input.vue
<input type="text"
:value="keyword"
placeholder="请输入内容"
@input="$emit('update:keyword',$event.target.value)" //该方法可以同步实现父子组件的数据变化
@keyup.enter="change" />
props: {
//接收数据属性
keyword:{
type:String,
default:'',
request:true
}
},
methods:{
change(){
console.log(this.keyword)//获得修改后的数据 可以在次定义事件函数 发送请求
}
}