首页 > 其他分享 >vue3对比vue2获取通过refs获取组件数据

vue3对比vue2获取通过refs获取组件数据

时间:2022-09-06 17:22:29浏览次数:96  
标签:refs onMounted 获取 vue2 组件 ref

vue2

1、组件设置 ref 标识

  <van-calendar  ref="calendarRef">

2、在mounted中读取

export default {
   mounted() {
     // 获取日历当前选择的时间
     const date = this.$refs.calendar.getSelectedDate();
  },
}

vue3

1、组件设置 ref 标识

  <van-calendar  ref="calendarRef">

2、onMounted中获取

import {onMounted, ref} from "vue";
export default {
    // 定义一个Ref变量
    const calendarRef=ref(null);
    onMounted(() => {
      // 通过calendarRef的value获取数据
      const date = calendarRef.value.getSelectedDate();
    });
}

参考文档:

标签:refs,onMounted,获取,vue2,组件,ref
From: https://www.cnblogs.com/jesn/p/16662550.html

相关文章