[JavaScript知识库]前端场景问题经验总结

一、vue中使用$refs时TS报错

比如我们在video标签上使用了ref属性，

<video ref='myVideo'></video>

当我们用this.$refs.myVideo.xxx时ts会报错没有这个属性或方法

解决方案：

• 如果你使用了vue-property-decorator，可以用Ref装饰器解决

import { Vue, Component, Ref } from 'vue-property-decorator'
@Component
export default class Component extends Vue {
  @Ref() readonly myVideo!: HTMLVideoElement
}

• 也可以直接声明$refs

export default class Component extends Vue {
	$refs:{
		myVideo: HTMLVideoElement
	}
}

持续更新~