设置为选择了车次后不需再去点查询按钮就可以查询

Question

老师，下午好！
本节中，老师您的做法了用户选择了某一个车次后，再点击查询按钮就出来查询结果。
我希望当用户选择了某一个车次后就立即查询出来，为此，我改成了这样。

<train-select-view v-model="params.code" @change="handleQuery" width="200px"></train-select-view>

但是因为没有传page,size这两个参数过来（我知道是train-select.vue中emit(‘change’, train);这一句的造成的），所以不成功。

我想请教老师，这里应该怎么改，才可以达成我的目的呢？

谢谢老师指导！！！

Answer 1

甲蛙 2023-09-07 10:01:26

@change="handleQuery(pagination的参数)"，里面是可以放参数的

• 提问者 慕神4535282 #1

  我知道这一点，关键是子组件怎么根据条件触发父组件中的方法。父组件daily-train.vue中有A,B两处地方调用 @change，A处写的是@change="handleQuery", B处写的是@change="handleTableChange"，那我在子组件中train-select.vue中怎么写才可以实现如果来自父组件A处触发的就执行emit(‘change’, params);  ， 如果来自父组件B处触发的就执行emit(‘change’, train);
  谢谢老师指导 ！！！

• 甲蛙 回复 提问者 慕神4535282 #2

  子组件的change有两种参数，一种是params，一种是train？那你应该考虑写成两个不同的事件，A就触发change1，B就触发change2