You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/guide/component-template-refs.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,14 +1,14 @@
1
-
# Template refs
1
+
# Template _refs_
2
2
3
-
> This page assumes you've already read the [Components Basics](component-basics.md). Read that first if you are new to components.
3
+
> Esta página assume que você já leu [Componentes Básicos](component-basics.md). Leia lá primeiro se você for novo em componentes.
4
4
5
-
Despite the existence of props and events, sometimes you might still need to directly access a child component in JavaScript. To achieve this you can assign a reference ID to the child component or HTML element using the`ref` attribute. For example:
5
+
Apesar da existência de propriedades e eventos, às vezes você ainda pode precisar acessar diretamente um componente filho em JavaScript. Para isso, você pode atribuir um ID de referência ao componente filho ou elemento HTML usando o atributo`ref`. Por exemplo:
6
6
7
7
```html
8
8
<inputref="input" />
9
9
```
10
10
11
-
This may be useful when you want to, for example, programmatically focus this input on component mount:
11
+
Isso pode ser útil quando você deseja, por exemplo, de forma programática, aplicar o _focus_ nesse _input_ na montagem do componente:
12
12
13
13
```js
14
14
constapp=Vue.createApp({})
@@ -28,7 +28,7 @@ app.component('base-input', {
28
28
})
29
29
```
30
30
31
-
Also, you can add another`ref`to the component itself and use it to trigger`focusInput`event from the parent component:
31
+
Além disso, você pode adicionar outro`ref`ao próprio componente e usá-lo para acionar o evento`focusInput`a partir do componente pai:
`$refs`are only populated after the component has been rendered. It is only meant as an escape hatch for direct child manipulation - you should avoid accessing`$refs`from within templates or computed properties.
42
+
`$refs`são preenchidos apenas após o componente ter sido renderizado. Isso serve apenas como uma saída de emergência para a manipulação direta de elementos filhos - você deve evitar acessar`$refs`dentro de _templates_ ou dados computados.
43
43
:::
44
44
45
-
**See also**: [Using template refs in Composition API](/guide/composition-api-template-refs.html#template-refs)
45
+
**Veja também**: [Usando _template refs_ em Composition API](/guide/composition-api-template-refs.html#template-refs)
0 commit comments