find.md

find

::: warning 废弃警告 使用 find 搜索组件的方式已经被废弃并会被移除。请换用 findComponent。 :::

返回匹配选择器的第一个 DOM 节点或 Vue 组件的 Wrapper。

可以使用任何有效的 DOM 选择器 (使用 querySelector 语法)。

• 参数：

  • {string} selector

• 返回值：{Wrapper}

• 示例：

import { mount } from '@vue/test-utils'
import Foo from './Foo.vue'
import Bar from './Bar.vue'

const wrapper = mount(Foo)

const div = wrapper.find('div')
expect(div.exists()).toBe(true)

const byId = wrapper.find('#bar')
expect(byId.element.id).toBe('bar')

• 注意：

  • 你可以链式调用 find：

const button = wrapper.find({ ref: 'testButton' })
expect(button.find('.icon').exists()).toBe(true)

• 延伸阅读：get