XOOPS輕鬆架 - 線上書籍

:::

Vue.js 3.0 筆記
=============

1. 子元件：@/components/TemplateRef.vue 
    ```markup
    <script>
    import { onMounted, ref } from "vue";
    export default {
      setup() {
        const txtInput = ref(null);
        onMounted(() => {
          txtInput.value.focus();
        });
        const num = ref(12345);
        return { txtInput, num };
      },
    };
    </script>
    
    <template>
      <input v-model="num" ref="txtInput" type="text" />
    </template>
    
    <style>
    </style>
    ```
2. 設定一個 `const txtInput = ref(null)`，然後在樣板中用 `ref="txtInput"` 綁定即可
3. 如此，在 setup 裡面就可以取得被綁定的動元素，並做一些動作，例如取得焦點：`txtInput.value.focus();`
 
完整範例：

:::

書籍目錄

展開 | 闔起

快速登入

http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D1742

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器