Vue3在 onMounted(()=>{ const params = {sourceOrderCode: route.query.sourceOrderCode}; });这个里面调用methods里面的searchChange方法 methods: { searchChange(params: any, done: any) { this.dataForm = { ...params, }; this.getDataList(); done(); }, }

如果你想在`onMounted`钩子函数中调用`searchChange`方法，可以这样做：

import { onMounted } from 'vue';

export default {
  methods: {
    searchChange(params: any, done: any) {
      this.dataForm = {
        ...params,
      };
      this.getDataList();
      done();
    },
  },
  setup() {
    onMounted(() => {
      const params = {sourceOrderCode: route.query.sourceOrderCode};
      this.searchChange(params, () => {
        console.log('done');
      });
    });
  },
};

在`setup`函数中使用`onMounted`钩子函数，然后在钩子函数中调用`searchChange`方法，传入需要的参数。注意，因为`setup`函数是在组件实例化之前运行的，所以在这个函数中无法访问到`this`，需要使用`this`前缀来调用方法。

相关问题

const filteredMsgs = computed(() => {return this.checkFlag ? this.checkFlag.filter((t) => !t.done) : this.checkFlag})如何改正错误

这段代码错误的地方在于，在computed函数中使用了this关键字，而computed函数中的this指向的不是Vue实例。解决方法是将this改为箭头函数的参数，如下所示：

const filteredMsgs = computed((vm) => {
  return vm.checkFlag ? vm.checkFlag.filter((t) => !t.done) : vm.checkFlag;
});

这样就可以正确地访问Vue实例的属性了。

将代码转化成vue3格式let timeout: NodeJS.Timeout const querySearchAsync = (queryString: string, cb: (arg: any) => void) => { const results = queryString ? links.value.filter(createFilter(queryString)) : links.value clearTimeout(timeout) timeout = setTimeout(() => { cb(results) }, 3000 * Math.random()) }

将代码转化为Vue3格式：

import { ref } from 'vue';

let timeout: ReturnType<typeof setTimeout>;
const querySearchAsync = (queryString: string, cb: (arg: any) => void) => {
  const links = ref<LinkItem[]>([]); // 假设已经定义了 LinkItem 类型的数组 links
  const createFilter = (queryString: string) => (link: LinkItem) =>
    link.value.indexOf(queryString) >= 0 || link.link.indexOf(queryString) >= 0;
  const results = queryString ? links.value.filter(createFilter(queryString)) : links.value;
  clearTimeout(timeout);
  timeout = setTimeout(() => {
    cb(results);
  }, 3000 * Math.random());
};

在这个例子中，我们引入了Vue3的`ref`函数，并使用它来定义了一个名为`links`的响应式数组，假设已经定义了`LinkItem`类型。然后我们将`links`数组作为过滤器的数据源，使用`createFilter`函数来创建一个过滤函数，根据传入的查询字符串过滤数据。最后，我们使用`clearTimeout`和`setTimeout`函数来实现一个简单的延迟回调，将过滤后的结果传递给回调函数`cb`。

需要注意的是，由于`timeout`变量的类型是`NodeJS.Timeout`，而Vue3中没有直接提供这个类型，所以我们使用`ReturnType<typeof setTimeout>`来推导出`setTimeout`函数的返回类型，从而得到`timeout`变量的类型。