Javascript 单击单选按钮时,将其值传递到vue组件实例

Javascript 单击单选按钮时,将其值传递到vue组件实例,javascript,laravel,vue.js,components,Javascript,Laravel,Vue.js,Components,我在laravel视图中有一个表单,其中有一个名为tree select的vue组件实例,它执行一些ajax并生成一个下拉列表。 同样的形式,我有一个单选按钮 我希望发生的是:单击单选按钮时,我希望将单选按钮值发送到树选择组件实例中,其中vue实例方法将使用单选按钮的值过滤ajax结果 下面是我目前拥有的视图代码片段。关于如何让组件实例侦听单选按钮并获取其值,有什么建议吗 <div class="form-group"> <label><input type

我在laravel视图中有一个表单,其中有一个名为tree select的vue组件实例,它执行一些ajax并生成一个下拉列表。 同样的形式,我有一个单选按钮

我希望发生的是:单击单选按钮时,我希望将单选按钮值发送到树选择组件实例中,其中vue实例方法将使用单选按钮的值过滤ajax结果

下面是我目前拥有的视图代码片段。关于如何让组件实例侦听单选按钮并获取其值,有什么建议吗

<div class="form-group">
    <label><input type="radio" name="status" value="previous">Previous</label>
</div>

<div class="form-group">
    <tree-select name="property_ids" action="/treeSelect"></tree-select>
</div>```

这里最好的方法是将单选按钮单击/值的结果存储在Vuex存储中。当单选按钮更改时,您将发送一个操作,该操作将更新存储以反映您设置的值。第二个组件应该使用computed属性从存储中读取您的状态,并相应地进行更新