VUE3, NUXT3, 타입스크립트 사용중인데 useFetch 서버로부터 데이터를 받아 filter 처리 질문입니다..

Question

플젝 수행중입니다. 개발 환경이 vue3 에 넉스트3 타입스크립트 쓰고 있는데==============인터페이스 소스export interface codelist {code : string;name: string;Tcd: string;}=================스크립트 소스const codeList = ref();let codeLs = async () => {let { data, error } = await useFetchApi("http://localhost:8090/text/codeList.do", {method: "post",body:{"CD" : ''}});codeList.value = data.value!;}이런식으로 { "code":"1", "name":"공통", "Tcd":"A00"} ..........{} 백에서 받아온 공통코드데이터가 codeList 에 담김니다.여기서 var Acode = codeList.filter((x) => x.Tcd === "A00" );var Bcode = codeList.filter((x) => x.Tcd === "B00" ); 이런식으로 각각 코드값들을 담아서 따로 정의해서 뿌려줘야 하는데 자바스크립트나 뷰 문법은 다 먹히는데 이건 filter 쪽이랑 x쪽에 빨간줄 그의더니Ref 형식에 filter 속성이 없습니다. x 매개 변수에는 암시적으로 any 형식이 포함됩니다.하면서 filter 처리가 안되네요. 타입스크립트는 다른 방법으로 filter 처리를 해야합니까??

MungGaeDev · Answer

const Acode = codeList.value.filter((x) => x.Tcd === "A00"); Ref를 잡아버린것 같은데요. 위처럼 고쳐보세요

VUE3, NUXT3, 타입스크립트 사용중인데 useFetch 서버로부터 데이터를 받아 filter 처리 질문입니다..

1개의 답변

#nuxt3 목록