Vue.js 如何访问';排放';通过ref访问的组件的名称?

Vue.js 如何访问';排放';通过ref访问的组件的名称?,vue.js,vuejs2,vue-component,vue-test-utils,Vue.js,Vuejs2,Vue Component,Vue Test Utils,我正在使用 vue2日期范围选择器 它有一个名为“update”的自定义事件,我想测试它 <date-range-picker @update="updateValues" ref="datePicker" . . > </date-range-picker> 我访问emit属性的方式非常糟糕。它能工作,但它很难看。 当iam通过ref访问组件时,如何访问发出的,,在vue测试utils示例中是这样的。 诸如此类: const wrappe

我正在使用

vue2日期范围选择器

它有一个名为“update”的自定义事件,我想测试它

<date-range-picker
  @update="updateValues"
  ref="datePicker"
  .
  .
 >     
 </date-range-picker>
我访问emit属性的方式非常糟糕。它能工作,但它很难看。 当iam通过ref访问组件时,如何访问发出的,在vue测试utils示例中是这样的。 诸如此类:

const wrapper = mount(Component)
wrapper.vm.$emit('foo')
wrapper.vm.$emit('foo', 123)
expect(wrapper.emitted().foo).toBeTruthy()
这样我就可以用更漂亮的方式得到这样的东西。 我在这里试过这个例子,但它不起作用

datePicker.$el.emitted().update
请帮忙。

我想出来了

   datePicker = cmp.find({ ref: 'datePicker' });
   datePicker.vm.$emit('update', new Date());
   expect(datePicker.emitted().update).toBeTruthy();
我想出来了

   datePicker = cmp.find({ ref: 'datePicker' });
   datePicker.vm.$emit('update', new Date());
   expect(datePicker.emitted().update).toBeTruthy();