반응형

2022/11 3

8. vue.js | window.open() 으로 Popup 만들기

vue.js 는 Single Page Application 이기 때문에 window.open() 비추천 버튼 눌러서 popup을 여는게 아닌 홈페이지가 로딩되면 바로 보이는 popup 이다 실제 사용 코드는 보안때문에 가져올수 없는 프로젝트라 간략하게 작성했다. main.vue window.open(url, 이름, 팝업창 가로길이, 팝업창 세로길이, 팝업창 시작점 top, 시작점 left); window.open("noticePopup", "", "width=500, height=600, top=100, left=100"); window.open 함수의 url 자리에 있는 "noticePopup" 은 router.js에 등록해놓은 router 링크이다. popup.vue {{this.subject}} m..

7. jodit-vue 에디터 사용방법

1. 설치 npm install jodit-vue --save 2. main.js에 코드추가 (플러그인 연결) import 'jodit/build/jodit.min.css' import Vue from 'vue' import JoditVue from 'jodit-vue' Vue.use(JoditVue) 3. 원하는 template에 코드 추가 4. 결과 이렇게 잘 보인다. width에 따라 메뉴바가 변경되니 참고할 것. 아래 에디터는 width가 줄어든 모습이다. https://ddolcat.tistory.com/2112 [Vue.js + Vuetify.js] Jodit 에디터 파일 업로드 기능 구현시 함수 또는 스크립트(method) 호출시 is not a fu Jodit 에디터 사용시 서버로 파일 업..

반응형