1. 알림 패키지설치
1 | npm install toastr | cs |
2. resources/js/bootstrap.js 에 다음을 추가한다.
window.toastr = require('toastr');
resources/sass/app.scss 에 다음을 추가한다.
@import '~toastr/toastr.scss';
3. 토스트객체를 추가한다.
4. 응답메시지는 TaskController에서 추가했었음
5. 글을 작성해보자~
6. 위치변경하기
toastr: toastr.options = {"positionClass" : "toast-top-full-width"}
7. 확인 (토스트메시지가 중앙으로 이동했다.)
https://github.com/CodeSeven/toastr
8. createTask, updateTask, deleteTaks 에 넣어준다.
toastr.success(response.data.message);
'라라벨 > laravel vue crud' 카테고리의 다른 글
14. 전체소스 (0) | 2020.02.28 |
---|---|
12. 로더피처 적용하기 (0) | 2020.02.28 |
11. 글작성 후 데이터가 남는 문제 해결 (0) | 2020.02.28 |
10. Delete (0) | 2020.02.28 |
9. update (0) | 2020.02.28 |