import {
defineComponent
} from 'vue';
export default defineComponent({
data() {
return {
title: 'Hello'
}
},
onLoad() {
console.log(this.title);// 我希望这个地方,我输入this.t以后就能够提示出title/testM这些选项供我选择
this.testM();// 我希望这个地方,我输入this.t以后就能够提示出title/testM这些选项供我选择
},
methods: {
testM(){
console.log('test m function this.title=',this.title)// 我希望这个地方,我输入this.t以后就能够提示出title/testM这些选项供我选择
},
}
})
- 发布:2022-08-17 16:53
- 更新:2022-08-17 17:07
- 阅读:267
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows10
HBuilderX类型: 正式
HBuilderX版本号: 3.5.3
浏览器平台: Chrome
浏览器版本: 104.0.5112.81
项目创建方式: HBuilderX
示例代码:
操作步骤:
import {
defineComponent
} from 'vue';
export default defineComponent({
data() {
return {
title: 'Hello'
}
},
onLoad() {
console.log(this.title);// 我希望这个地方,我输入this.t以后就能够提示出title/testM这些选项供我选择
this.testM();// 我希望这个地方,我输入this.t以后就能够提示出title/testM这些选项供我选择
},
methods: {
testM(){
console.log('test m function this.title=',this.title)// 我希望这个地方,我输入this.t以后就能够提示出title/testM这些选项供我选择
},
}
})
import {
defineComponent
} from 'vue';
export default defineComponent({
data() {
return {
title: 'Hello'
}
},
onLoad() {
console.log(this.title);// 我希望这个地方,我输入this.t以后就能够提示出title/testM这些选项供我选择
this.testM();// 我希望这个地方,我输入this.t以后就能够提示出title/testM这些选项供我选择
},
methods: {
testM(){
console.log('test m function this.title=',this.title)// 我希望这个地方,我输入this.t以后就能够提示出title/testM这些选项供我选择
},
}
})
预期结果:
在我输入this.tit
的时候,能在提示框中有变量title
全名的提示,我上下键选择title
时,代码自动补全为this.title
在我输入this.tit
的时候,能在提示框中有变量title
全名的提示,我上下键选择title
时,代码自动补全为this.title
实际结果:
实际没有出现任何提示
实际没有出现任何提示
bug描述:
我在Hbuildx编辑器中创建一个项目,使用typescript后,在data中定义title的字符串变量。然后在onLoad/methods定义的方法中,输入this.t,这时候我想的是能够看到data中title变量名的提示,如果我选择提示中title能够代码自动补全,但是无论我怎么输入this.t、this.ti、this.tit。。。都无法看到title变量的提示,同样的我在methods中写一个testM的方法,当我在其他方法中输入this.tes时,也不会出现testM方法名的提示
2 个回复
风杰 (作者) - 简单学习,简单做事,简单做人
不管是HbuildX编辑器创建的项目添加typescript,还是cli命令 npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project 创建项目,在HbuildX编辑器中,this指针都没有对变量及方法自动补全代码的提示
DCloud_HB_WDL
感谢反馈,后期优化