refs.vue 469 B

1234567891011121314151617181920212223
  1. <script setup lang="ts">
  2. import { Data } from '@vue/shared'
  3. import { ref, onMounted } from 'vue/vapor'
  4. const inputRef = ref()
  5. const buttonRef = ref()
  6. function handleSetRef(el: HTMLButtonElement, refs: Data) {
  7. buttonRef.value = el
  8. console.log(el, refs)
  9. }
  10. onMounted(() => {
  11. console.log(inputRef.value, buttonRef.value)
  12. })
  13. </script>
  14. <template>
  15. <div>
  16. <input type="text" ref="inputRef" />
  17. <button :ref="handleSetRef">Button</button>
  18. </div>
  19. </template>