在使用单文件组件<script setup>
创建一个子组件时,可能遇到父组件需要调用子组件的方法,或者访问子组件的变量,在使用vue2或仅<script>
标签中只需要子组件上写一个ref='xxx'
变量,父组件通过this.$refs['xxx']
就可以直接访问子组件的方法或变量。实现如下:
如子组件有一个方法clear()
,vue2或非setup用法时,非<script setup>
的父组件是这么调用的:
<template>
<div>
<子组件 ref="childRef" />
<button @click="childHandle"