<template>
</template>
<script lang="ts">
import {
ref,
defineComponent
} from 'vue'
export default defineComponent({
setup () {
const a = ref(0)
return {
a
}
},
data () {
return {
b:1
}
},
methods:{
c () {
console.log(this.a)
console.log(this.b);
(() => {
console.log(this.a)
console.log(this.b)
})()
}
}
})
</script>
<style>
</style>
半驯之马
- 发布：2023-03-16 19:00
- 更新：2023-03-16 19:00
- 阅读：205
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.7.3
浏览器平台： Chrome
浏览器版本： 108.0.5359.125
项目创建方式： HBuilderX
示例代码：
操作步骤：
使用vue3版本的uni-app项目，.vue文件中script标签的lang设置为ts
使用vue3版本的uni-app项目，.vue文件中script标签的lang设置为ts
预期结果：
应正确推导出this的类型
应正确推导出this的类型
实际结果：
无法正确推导出this的类型
无法正确推导出this的类型
bug描述：
使用vue3选项式api+ts，通过setup函数定义的变量和data中定义的变量，在computed、watch、methods中调用this，类型推导不正确，但是在代码中使用自执行的箭头函数时，函数内的this类型推导是正确的
