Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update template-refs.md #486

Merged
merged 2 commits into from
Nov 19, 2024
Merged

Update template-refs.md #486

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c0d915f
Update template-refs.md
octagony Nov 18, 2024
7a4fc9b
Remove original eng text
octagony Nov 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions src/guide/essentials/template-refs.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@

<div class="composition-api">

To obtain the reference with Composition API, we can use the [`useTemplateRef()`](/api/composition-api-helpers#usetemplateref) <sup class="vt-badge" data-text="3.5+" /> helper:
Чтобы получить ссылку с помощью Composition API, мы можем использовать [`useTemplateRef()`](/api/composition-api-helpers#usetemplateref) <sup class="vt-badge" data-text="3.5+" /> хэлпер.

```vue
<script setup>
Expand All @@ -31,12 +31,12 @@ onMounted(() => {
</template>
```

When using TypeScript, Vue's IDE support and `vue-tsc` will automatically infer the type of `input.value` based on what element or component the matching `ref` attribute is used on.
При использовании Typescript, поддержка Vue IDE и `vue-tsc` автоматически определят тип `input.value`, основываясь для какого элемента или компонента используется соответствующий `ref` атрибут.

<details>
<summary>Usage before 3.5</summary>
<summary>Использование до версии 3.5</summary>

In versions before 3.5 where `useTemplateRef()` was not introduced, we need to declare a ref with a name that matches the template ref attribute's value:
В версиях до 3.5, где не был введен `useTemplateRef()`, нужно было объявлять `ref` c именем, соответствующим значению атрибута `ref`

```vue
<script setup>
Expand Down Expand Up @@ -146,9 +146,9 @@ onMounted(() => console.log(itemRefs.value))
[Try it in the Playground](https://play.vuejs.org/#eNp9UsluwjAQ/ZWRLwQpDepyQoDUIg6t1EWUW91DFAZq6tiWF4oU5d87dtgqVRyyzLw3b+aN3bB7Y4ptQDZkI1dZYTw49MFMuBK10dZDAxZXOQSHC6yNLD3OY6zVsw7K4xJaWFldQ49UelxxVWnlPEhBr3GszT6uc7jJ4fazf4KFx5p0HFH+Kme9CLle4h6bZFkfxhNouAIoJVqfHQSKbSkDFnVpMhEpovC481NNVcr3SaWlZzTovJErCqgydaMIYBRk+tKfFLC9Wmk75iyqg1DJBWfRxT7pONvTAZom2YC23QsMpOg0B0l0NDh2YjnzjpyvxLrYOK1o3ckLZ5WujSBHr8YL2gxnw85lxEop9c9TynkbMD/kqy+svv/Jb9wu5jh7s+jQbpGzI+ZLu0byEuHZ+wvt6Ays9TJIYl8A5+i0DHHGjvYQ1JLGPuOlaR/TpRFqvXCzHR2BO5iKg0Zmm/ic0W2ZXrB+Gve2uEt1dJKs/QXbwePE)

<details>
<summary>Usage before 3.5</summary>
<summary>Использование до версии 3.5</summary>

In versions before 3.5 where `useTemplateRef()` was not introduced, we need to declare a ref with a name that matches the template ref attribute's value. The ref should also contain an array value:
В версиях до 3.5, где не был введен `useTemplateRef()`, нужно было объявлять `ref` c именем, соответствующим значению атрибута `ref`. Ссылка также должна содержать значение массива:

```vue
<script setup>
Expand Down Expand Up @@ -246,7 +246,7 @@ onMounted(() => {
```

<details>
<summary>Usage before 3.5</summary>
<summary>Использование до версии 3.5</summary>

```vue
<script setup>
Expand Down