单击单选按钮时，将其值传递给vue组件实例

Question

我在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>```

Answer 1

这里最好的方法是将单选按钮单击/值的结果存储在Vuex存储中。当单选按钮更改时，您将调度一个动作，该动作将更新商店以反映您所设置的值。第二个组件应使用计算属性从存储中读取您的状态并相应地更新。