uniapp vue2 开启ts后 this指向编译出错

分类：uni-app

uniapp vue2 开启ts
1：方法里调用this.a(a在data定义的) 或者this.$store 编译会报错。
2：按照文档引入vue 增加Vue.extend(```) onLoad等uniapp页面事件不能被识别。

怎样才是正确的方案？

2022-10-31 16:35 负责人:无分享

7 个回复

提供下测试工程及运行平台

9***@qq.com (作者) - chen

git@github.com:jxccc1998/uniapp_vue2_ts_test.git

HBUILDER X3.6.3
typescript 1.0.5

对以下图片提示希望得到解决方案（提示很不舒服，不影响运行，不希望引入装饰器

）

HBuilderX 创建的项目，不需要自行安装 @dsloudio/types，如果不需要个性化配置，也不需要 tsconfig.json
另：测试过工程可通过附件上传压缩包

9***@qq.com (作者)

删除后内置方法的type似乎不能识别并且默认开启的this校验会让编译无法通过（data里的list 调用时this.list会识别为methods定义的方法）

2022-11-02 15:06
DCloud_UNI_WZF

回复 9***@qq.com: 3.6.8 alpha vue2 测试未复现该问题，请提供测试工程及复现步骤

2022-11-02 15:14
9***@qq.com (作者)

回复 DCloud_UNI_WZF: 已上传附件，麻烦了

2022-11-02 15:19
9***@qq.com (作者)

回复 DCloud_UNI_WZF: 写法的话看下pages/index/index 或者pages-order/order-list/index tscoinfig关闭了this校验

2022-11-02 15:25

9***@qq.com (作者) - chen

这个项目里，删除tsconfig，添加上extend这些会让项目无法跑起来，如果直接这样用就会有template下的ts警告

9***@qq.com (作者) - chen

编译到小程序报错

HBuilderX 3.6.8 alpha 删除多余文件，这边测试没有问题
建议后续反馈问题参考提交Bug模板提供详细信息，复现步骤及最简可复现demo
【咨询问题/报bug正确姿势】：https://ask.dcloud.net.cn/article/38139

呆狗的一生 - 呆狗的一生

为什么要加Vue.extend(```)呢，不太明白，和普通方式有什么不同呢

    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }

该问题目前已经被锁定, 无法添加新回复