尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情

站点信息

文章数目:300
已运行时间:
目录
  1. 学习
  2. ts 遍历对象
  3. nodemon 运行 ts 文件
  4. vue3 选项式 API
  • 报错:
    1. 类型“string | null”的参数不能赋给类型“string”的参数。 不能将类型“null”分配给类型“string”
    2. Property ‘replaceAll’ does not exist on type ‘string’
  • 尼采般地抒情

    尼采般地抒情

    公告栏

    此网站主题为本人手写主题,主题还在开发中……


    作者:尼采般地抒情

    站点信息

    文章数目:300
    已运行时间:

    学习

    安装:npm install -g typescript
    编译:tsc helloworld.ts

    学习网站:

    相关教程:

    ts 遍历对象

    ts 遍历对象不要使用for···in,使用for···of

    const disabled = computed(() => {
      let flag = true;
      for (const [key, val] of Object.entries(formState)) {
        if (!val) {
          flag = true;
          break;
        } else {
          flag = false;
        }
      }
      return flag;
    });
    

    nodemon 运行 ts 文件

    vue3 选项式 API

    ac11d2dd93fe10cdd518b85158a67ade.png

    报错:

    类型“string | null”的参数不能赋给类型“string”的参数。 不能将类型“null”分配给类型“string”

    类型“string | null”的参数不能赋给类型“string”的参数。 不能将类型“null”分配给类型“string”
    

    上面报错是因为 16 行代码之前没有|| ''ts 的赋值较为严格,以此例警戒。

    • 另外本例子中还需要转换字符串,undefined,null 等转化为””。不然数据回显会显示为 undefined。
    • 另外还有一个类似问题:vue3 中的 reactive 对象赋值问题
    interface FormState {
      input_id: string;
      password: string;
      remember: boolean;
    }
    
    // undefined,null等转化为""
    const praseStrEmpty = (str: any) => {
      if (!str || str == "undefined" || str == "null") {
        return "";
      }
      return str;
    };
    
    let formState = reactive<FormState>({
      input_id: praseStrEmpty(String(route.query.user_id) || ""),
      password: praseStrEmpty(String(route.query.password) || ""),
      remember: true,
    });
    

    Property ‘replaceAll’ does not exist on type ‘string’

    评论区

    Beaudar Twikoo

    最新评论

    Loading...