vue3+ts使用问题总结

384 阅读1分钟

1. ref.value 为空

//template
<ReportFormEditName ref="reportFormEditName" />

//script
const reportFormEditName = ref(null);
function formNamdEditClick() {

  不可以再这里初始化ref
  //const reportFormEditName = ref(null);
  if (reportFormEditName.value) {
    (reportFormEditName.value as any).show();
  }
}

2.父组件调用子组件的方法,ts报错 类型“never”上不存在属性“xxx”

//可以使用
(ref.value as any).xxx

3.使用useRouter()得到的值为undefined

const submit = () => {
  useStorage('reportForm', reportFormP);
  const $router = useRouter();
  console.log($router);//为undefined
};
//改正
useStorage('reportForm', reportFormP);
const submit = () => {
  const $router = useRouter();
};