Vue测试实用程序：“ [object Object]”不是有效的选择器

如何解决Vue测试实用程序：“ [object Object]”不是有效的选择器

我正在尝试通过包装器的ref属性获取元素，但是它引发了如下所示的错误。

根据documentation，我对find的用法似乎是正确的。

 SyntaxError: '[object Object]' is not a valid selector

  13 |     const lis = wrapper.findAll('li');
  14 | 
> 15 |     const a = wrapper.find({ ref: 'first' });
     |                       ^
  16 | 
  17 |     console.log(a);
  18 | 

  at emit (node_modules/nwsapi/src/nwsapi.js:565:17)
  at _querySelectorAll (node_modules/nwsapi/src/nwsapi.js:1513:9)
  at Object._querySelector [as first] (node_modules/nwsapi/src/nwsapi.js:1424:14)      at VueWrapper.find (node_modules/@vue/test-utils/dist/vue-test-utils.cjs.js:192      at Object.it (tests/unit/example.spec.js:15:23)

解决方法

您可以通过this.$refs.first

获取参考值 ,

根据current find docs，已弃用find：

弃用警告

不建议使用find搜索组件，该组件将被删除。请改用findComponent。

现在看来该支持已被完全删除。 find当前仅接受选择器字符串。

要通过ref名称查找组件，请改用findComponent：

wrapper.findComponent({ ref: 'first' })