使用vue-property-decorator的库时该如何在初始化的时候使用this
不用与以往使用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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
你也可以写构造函数里啊
再说了,
created
是生命周期事件,该在这里写的就得在这里写,怎么能说丑陋……没有优雅的方法,我用起来感觉并不丑陋