javascript - Vue 3 composition api typescript 从路由查询中填充对象属性

Question

我想从路由查询中自动填充我的对象属性，但是我有打字稿错误，这是我的代码：

 const initialFilter = {
      page: 1,
      search: '',
      min_date: '',
      max_date: '',
      min_price: '',
      max_price: '',
    };
    const filter = ref<ExpenseFilterType>(initialFilter);

 Object.entries(route.query).forEach((query) => {
      filter.value[query[0]] = query[0] === 'page' ? parseInt(query[1] as string) : query[1];
    });
    

和错误：

谢谢你帮助我。

标签： javascripttypescriptvue.jsvuejs3vue-composition-api

Answer 1

    Object.entries(route.query).forEach((query) => {
      filter.value[query[0]] =
        query[0] === 'page'
          ? parseInt(query[1] as string)
          : (query[1] as string);
    });