Vue(6)
-
Vue: v-data-table에 버튼 넣는법
처음에 어떻게 넣을지 곤란했지만 구글링..이 답. headers = [ { text: "순번", align: "start", sortable: false, value: "number", }, 데이터가 이런식이라면 버튼을 넣고자 하는 데이터 위치에 { text: "", value: "action" } 를 넣어준다. (value값은 원하는대로 작명해도된다.) 그리고 데이터 테이블 태그안에 template v-slot:item.action={"item"} 요런식으로 넣고 버튼 넣으면 끝!! 수정 참고링크 https://www.appsloveworld.com/vuejs/100/89/in-vuetify-how-to-add-a-button-into-each-row-in-v-data-table
2023.02.24 -
[Vue] 숫자에 세자리 마다 콤마 찍는법
보통 세자리마다 숫자에 콤마가 찍히는데 함수짜기 까다로울 경우가 있다.. https://www.npmjs.com/package/vue-comma-formatted-number?activeTab=readme vue-comma-formatted-number vue-comma-formatted-number ======================. Latest version: 1.0.0, last published: 4 years ago. Start using vue-comma-formatted-number in your project by running `npm i vue-comma-formatted-number`. There are no other projects in the npm registry usi..
2023.02.20 -
v-text-field 양수만 입력하는법
oninput="if(this.value value가 0보다 작으면 0으로 설정하게 하는 것이다. 참고한 링크 https://stackoverflow.com/questions/62932508/how-can-i-set-my-v-text-field-to-not-show-negative-numbers
2023.02.17 -
vue 오류: Could not find a declaration file for module 'vue-xxx'
날짜만 캘린더 형태로 나타난다면 필요없겠지만, date와 시간도 나와야하는 상황이라 datetimepicker를 설치하여 import 해왔다. 근데, Could not find a declaration file for module 'vue-xxx' 발생 import datetime from 'vuejs-datetimepicker'; @Component({ components: { datetime } }) 코드도 문제가 없지만 찾아보니 tsconfig.json을 수정하면된다. "noImplicitAny": false, "allowJs": true, 추가해주면!! 오류없이 잘된다. 참고 링크 https://stackoverflow.com/questions/49258849/could-not-find-a-dec..
2023.02.10 -
[Vue] Vuex ( state, getter, mapGetters, mapstate)
1)state: component의 데이터 역할. ex) 모든 유저의 수를 불러 오고 싶을때 All Users({{$store.state.allUsers.length}}) 2)getter: component의 computed 역할. 코드를 줄여서 작성 가능하다. computed와 다른점. state를 쓸거라고 ()안에 넣어야한다. store.js getters: { //computed allUsersCount: function(state) { return state.allUsers.length } }, Allusers.vue All Users({{$store.getters.countOfSeoul}}) 아래와 같이 store를 통해 store.js의 긴 코드들을 불러올수 있다. store.js getter..
2022.11.02 -
vue router 기본 개념
router.js import Home from './views/Home.vue' router.js에서 home.vue 파일을 가지고 옴. path: 주소 주소와 연결하는 component를 선언한다. about.vue 연결을 위해 ABOUT 선언. import Home from './views/Home.vue' 2. app.vue 라우터가 연결할 장소를 뿌리기 위해 v-content안에 를 적어준다. 3. about.vue router-link 작성. This is About Page 클릭 클릭 화면 전환하는 방법(router) router.push를 이용 1)눌렀을때 home으로 이동시키기 위해 와 같이 작성. 2)about으로 이동시키기 위해 와 같이 작성. path를 이용하여 화면 전환도 가능하..
2022.10.27