Javascript 更新插槽vuejs中的数据

hi-im在laravel项目中使用vuejs 这是我的vuejs代码

Vue.component('search_and_select',{
    template:
    '<div>'+
        '<slot :test_text="test_text"></slot>'+
    '</div>',
    data:function(){
        return {
            test_text:"test text",
        }
    },
    methods:{

    },
    props:{

    },
});
new Vue({
    el:'.user_search_and_select',
    data:{

    },
});

这是我的html代码

<div is='search_and_select'>
    <div  slot-scope="{test_text}">
        @{{test_text}}
        <input type='text' v-model='test_text' />
    </div>
</div>

到现在为止一切都很好 但是如果我键入测试文本，则不会改变 那个么我怎样才能改变插槽和父组件呢

---

非常感谢

必须向插槽公开更新值的方法。这意味着您将无法使用v-model，因为您现在需要分别处理：value和@input

现在，您可以像这样使用组件：

---

您必须向插槽公开更新值的方法。这意味着您将无法使用v-model，因为您现在需要分别处理：value和@input

现在，您可以像这样使用组件：

methods: {
  update_test_text(value) {
    this.test_text = value
  }
}