打字稿表按ID删除答案

【问题标题】：Typescript table delete by id打字稿表按ID删除
【发布时间】：2022-01-28 02:57:34
【问题描述】：

我一直在使用 Javascript，但我现在已经开始使用 typescript，并且想从表中删除数据。每次我尝试删除数据时，我都会得到：

“从不”类型上不存在属性“id”。

我的代码：

<template #action>
    <VButton color="danger" raised @click="deleteBrand" >Delete</VButton>
  </template>

var deleteData = ref(null);

function deleteBrand() {
if(deleteData.value !== null)
directoryStore.deleteBrand(deleteData.value.id).then(() => {
  deleteModalActive.value = false;
});
}

deleteBrand(id: number): any {
  return new Promise((resolve,reject) => {
    deleteBrand(id).then(() => {
      resolve("deleted");
      this.setBrands()
    }).catch(() => {
      reject('Nor Deleted');
    })
  })
},

这是在商店。

【问题讨论】：

标签： typescript vue.js axios

【解决方案1】：

documentation 涵盖了将 Vue 与 TypeScript 结合使用的一般要点。

像ref 这样输出类型取决于输入类型的函数通常是泛型，并通过泛型参数接受额外的类型信息：

它是：

ref<{ id: SomeType } | null>(null);

另外deleteBrand 功能不可用；它没有参数，也没有返回承诺。

【讨论】：

【解决方案2】：

一个简单的工作解决方案是不使用 null 值初始化 ref，

let deleteData = ref();

或使用对象模式初始化该引用：

let deleteData = ref({id:null});

【讨论】：