001_
001_
  • 发布:2020-01-21 16:37
  • 更新:2020-01-21 16:52
  • 阅读:1011

typescript 类中的get属性 在微信小程序不能渲染出来

分类:uni-app
复制代码export default class Order {  
   /**  
     * 状态名称  
     */  
    public get statueName(): string {  
        let names = ["未派送", "已派送"];  
        if (this.statue < 0 || this.statue >= names.length) {  
            return "";  
        }  
        return names[this.statue];  
    }  

}

我在class 里面定义了一个get属性 ,但是在进行vue渲染的时候,渲染结果为undefined,而我打包为H5,可以在电脑上看到渲染效果的

环境为:cli 创建的项目 微信小程序端

2020-01-21 16:37 负责人:无 分享
已邀请:
001_

001_ (作者)

复制代码@Component({  
  components: { uniList, uniListItem }  
})  
export default class Index extends Vue {  
  orders: Array<IOrder> = [];  

  created() {  
    var response = [  
      {  
        no: "DYM201909010001",  
        statue: 0,  
        createTime: "2019-09-01 10:01:01",  
        updateTime: "2019-09-01 10:01:01"  
      },  
      {  
        no: "DYM201909010002",  
        statue: 1,  
        createTime: "2019-09-01 10:01:01",  
        updateTime: "2019-09-02 11:11:11"  
      }  
    ];  

    this.orders = response;  
  }  

  get orderList() {  
    return this.orders.map(o => {  
      return {  
        ...o,  
        get statueName(): string {  
          let names = ["未派送", "已派送"];  
          if (this.statue < 0 || this.statue >= names.length) {  
            return "";  
          }  
          return names[this.statue];  
        }  
      };  
    });  
  }  
}

如果我在vue模板这样写,倒是可以渲染出来

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

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容