使用vue-property-decorator的库时该如何在初始化的时候使用this

发布于 2022-09-11 21:38:41 字数 676 浏览 10 评论 0

不用与以往使用vue的情况,使用typescript + vue-property-decorator 的一些写法

原来使用 vue时

export default {
    data() {
        const statusDict = {
            on: '开启',
            off: '关闭'        
        } // 如何能在使用 vue-property-decorator的时候写这样的逻辑
        return {
           statusDict,
           id: this.$route.params.id //如何能在定义时使用this.$route
        }
    }
}

目前使用 vue-property-decorator时

// 逻辑部分
@Component
export default class YourComponent extends Vue {
  statusDict: string = { ... }  // 有逻辑的部分只能放在外面,比较丑陋
  id:number;  // 初始化(比如用到了$route,没法直接写)我只能放到created生命周期里面去写,这样比较丑陋
}

不知道大家有没有更好的办法,可以优雅一些的处理这两个问题

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

装迷糊 2022-09-18 21:38:41

你也可以写构造函数里啊
再说了,created 是生命周期事件,该在这里写的就得在这里写,怎么能说丑陋……

若言繁花未落 2022-09-18 21:38:41

没有优雅的方法,我用起来感觉并不丑陋

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文