[typescript + vue] $refs 引用组件的实例报错

本文转载自查看原文 2020-08-12 17:11 1342 报错提醒/ Vue/ typescript/ ts

ts + vue 的项目不能直接在标签上加ref来获得组件的实例，需要定义$refs，并引用组件实例

1 export default class TableWarp extends Vue {
2   public $refs!: {
3     page: page
4   }
5 }

之后再正常使用即可

this.$refs.page.xxx

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 浅析setup如何通过ref获取子组件实例中的DOM结构/数据/方法及获取子组件实例数据都是空的处理（defineExpose API 的使用）、Vue3模板引用refs、在组合式API中使用template refs、for循环中如何获取及重置refs、如何监听模板引用 typescript无法识别vue中的$refs 在被vue组件引用的 js 文件里获取组件实例this Vue基础4-组件及refs用法 vue组件 $children,$refs，$parent的使用详解 vue路由与组件引用 vue 2 引用模板组件 vue组件，可以通过npm引用的组件 vue3父组件访问子组件的方法($refs) Vue父子组件传值$parent , ref,$refs，props大总结