vue33 Vue.js 프로젝트에 텍스트 에디터 적용하기 (RichTextEditor, Vue3) RichTextEditor 홈페이지에서 ' RichTextEditor for Vue JS examples' 다운로드https://richtexteditor.com/download.aspxzip 압축해제하고 index.html을 클릭해서 보면 가이드가 나와있어서 그대로 따라하면 된다.Demo guide : 1 - copy /richtexteditor/ to folder 'public'2 - add /richtexteditor/rte_theme_default.css /richtexteditor/rte.js /richtexteditor/plugins/all_plugins.js to index.html3 - in vue component , use ref to get element .. 2024. 7. 9. vue3 Compositon API(setup) ref() 객체 값 접근 vue3 Compositon API(setup) 기준 axios를 통해 사원 정보를 받아와 저장하려고 했다. 받아온 사원 정보 저장할 변수const emplyInfo = ref({ korname: '', hiredate: '', positionCode: ''}); 처음에 시도한 코드const getEmplyInfo = async () => { const GET_EMPLY_INFO = `/member/getEmply`; const response = await axiosInstance.get(GET_EMPLY_INFO, { params: { emplyNo: emplyNmbr }, }); console.log('member', response); emplyInfo.korName.valu.. 2024. 4. 25. [error] Component name "Header" should always be multi-word 발생 경위 부트스트랩 템플릿에서 가져온 전체 코드에서 header부분을 컴포넌트로 빼던 중 에러가 발생했다. 에러 내용 ERROR in [eslint] C:\github\vue3\gallery\frontend\src\components\Header.vue 67:9 error Component name "Header" should always be multi-word vue/multi-word-component-names 해결 방법 에러에 나온 것처럼 컴포넌트의 이름이 여러 단어로 구성되면 된다. eslint 공식 문서를 보면 HTML elements와 겹칠 수 있기에 여러 단어로 구성되어야 한다고 한다. 1. Header 컴포넌트 이름 변경 예를 들면 Header에서 VueHeader 등으로 변경하면 에.. 2024. 4. 7. 이전 1 다음
