打字稿vue对象可能是'null'

Question

我已经检查了过去的问题，但找不到适合我的解决方案。

我正在使用 Vue Typescript：

export default Vue.extend({

    data() {
      return {
        ...
        selectedOrder: null,
      };
    },



approveOrder() {
        if(this.selectedOrder !== undefined && this.selectedOrder!==null && this.selectedOrder !== '') {
          let uri = 'http://localhost:8081/v1/order/approve/';

          uri = uri + this.selectedOrder.processInstanceId + '?approverId=' + this.getUser;

我得到的错误是：

164:21 Object is possibly 'null'.
    162 |           let uri = 'http://localhost:8081/v1/order/approve/';
    163 |
  > 164 |           uri = uri + this.selectedOrder.processInstanceId + '?approverId=' + this.getUser;
        |                     ^

Answer 1

你没有使用打字稿的优势，我想你应该为你的selectedOrder对象设置任何类型，你可以尝试如下：

// selectedOrder.interface.ts
interface selectedOrder {
    processInstanceId: Number;
}

在你的 vue 组件中，你应该导入你的接口文件，然后：

// component.vue
export default Vue.extend({
    data() {
      return {
        ...
        selectedOrder: { processInstanceId: 0 } as selectedOrder,
      };
    },
    ...
})