Vue.js 如何访问';排放';通过ref访问的组件的名称?
我正在使用 vue2日期范围选择器 它有一个名为“update”的自定义事件,我想测试它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
<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();