Skip to content

Commit 1408993

Browse files
authored
Update component-template-refs.md
1 parent 489501c commit 1408993

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

src/guide/component-template-refs.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
1-
# Template refs
1+
# Template _refs_
22

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.
44
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:
66

77
```html
88
<input ref="input" />
99
```
1010

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:
1212

1313
```js
1414
const app = Vue.createApp({})
@@ -28,7 +28,7 @@ app.component('base-input', {
2828
})
2929
```
3030

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:
3232

3333
```html
3434
<base-input ref="usernameInput"></base-input>
@@ -39,7 +39,7 @@ this.$refs.usernameInput.focusInput()
3939
```
4040

4141
::: warning
42-
`$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.
4343
:::
4444

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

Comments
 (0)