瀏覽代碼

Update refs.md (#3851)

* Update refs.md

Added details on $refs not supporting dynamic binding anymore in V3

* Update refs.md

Fixed logic of the example to reflect the actual evaluation of $refs
Zach 1 年之前
父節點
當前提交
b24d8be127
共有 1 個文件被更改,包括 15 次插入0 次删除
  1. 15 0
      packages/docs/src/en/magics/refs.md

+ 15 - 0
packages/docs/src/en/magics/refs.md

@@ -25,3 +25,18 @@ title: refs
 <!-- END_VERBATIM -->
 
 Now, when the `<button>` is pressed, the `<span>` will be removed.
+
+<a name="limitations"></a>
+### Limitations
+
+In V2 it was possible to bind `$refs` to elements dynamically, like seen below:
+
+```alpine
+<template x-for="item in items" :key="item.id" >
+    <div :x-ref="item.name">
+    some content ...
+    </div>
+</template>
+```
+
+However, in V3, `$refs` can only be accessed for elements that are created statically. So for the example above: if you were expecting the value of `item.name` inside of `$refs` to be something like *Batteries*, you should be aware that `$refs` will actually contain the literal string `'item.name'` and not *Batteries*.