Nayha

vue router link 종류 정리 퍼블에서 a href 이동 button 으로 주었을때 router.push({name: 'LoginBackOffice'})" Js 파일 import {router} from "./router" router.push({name: 'LoginBackOffice'}) // path /login/Login

vue el-checkbox @click 안먹음 @change 로 이벤트.. 전체동의1 190610 ㅎㅎ 삽질기록 끝

export default { data() { return{ timeCounter : 180, //3분 resTimeData : '' } } create(){ //3분 유효 타이머 시작 this.start() } methods: { start(){ // 1초에 한번씩 start 호출 this.polling = setInterval( () =>{ timeCounter-- //1찍 감소 resTimeData = this.preTime() if (this.timeCounter = width ? n : new Array(width - n.length + 1).join('0') + n }, timeStop() { clearInterval(this.polling) }, // 재발행 smsReset() { clear..

VUE el-table colspan , rowspan 뷰에서 그리드 대신 el-table 사용한다 가로,새로 합치는 방법 합쳐라메서드({ row, column, rowIndex, columnIndex }) { // 첫번째 인덱스 && 특정값일때 가로 3줄 colspan if( columnIndex === 0 && row.id ==='test' ){ return [1,3] }else if( columnIndex === 1 && row.id ==='test'){ // 합쳐져서 데이터 columnIndex 밀려서 정확한 데이터 출력 위해 return [0,0] }else if( columnIndex === 2 && row.id ==='test'){ // 합쳐져서 데이터 columnIndex 밀려서 정확한 데..

아 로컬에서만 계속 테스트 했더니.. 삽질... 우선 파일 4개를 제일 상위에 만든다 .env VUE_APP_SERVER="base" .env.local VUE_APP_SERVER="local" .env.dev VUE_APP_SERVER="dev" .evn.production VUE_APP_SERVER="prod" 그리고 package.json "serve": "vue-cli-service serve", "dev": "vue-cli-service serve --open --port 8888 --mode dev ", "production": "vue-cli-service serve --open --port 8888 --mode prod ", main.js 혹은 main.js 에서 불러오는 아무 파일에서 c..

vue data() { return { datePickerOptions: { disabledDate: this.disabledDueDate } } methods:{ disabledDueDate(time) { return time.getTime() < this.param.startDate }, } Script

공통 사용되는 셀렉트 박스 (본창 or 부모창) 검색 초기화 버튼 .. Object.assign(this.$data, this.$options.data()) 으아 이건 전체가 데이터가 모두 바뀐다.. 침착하자 ㅎㅎ data:{ indata:'요호1', indata2:'요호2', indata3:'요호3', } 감싸고 Object.assign(this.data,this.$options.data().data) 로 부분 초기화 성공 vue 자식 컴포넌트는 eventbus 전달 부모에게 데이터 전달 하기 // child.vue import { eBus } from "/js/eBus" methods: { 부모에게전달() { eBus.$emit('전달키','전달변수 혹은 메세지') } } // parent.vue i..

단계별 셀렉트 박스 코드 단계 셀렉트박스 {{ select.name }} Loading {{ item.label }} const app = new Vue({ el:'#app', data:{ //options:["people","starships","vehicles","species","planets"], selected2:[ {"label": "AAA-ITEM","name":"AAA"}, {"label": "BBB-ITEM","name":"BBB"}, {"label": "CCC-ITEM","name":"CCC"} ], selectedOne:[] }, created () { // 뷰가 생성되고 데이터가 이미 감시 되고 있을 때 데이터를 가져온다. this.selectedOneload(); }, method..

vue-cli-service serve Usage: vue-cli-service serve [options] [entry] Options: --open open browser on server start --copy copy url to clipboard on server start --mode specify env mode (default: development) --host specify host (default: 0.0.0.0) --port specify port (default: 8080) --https use https (default: false) --copy 예) package.json "scripts": { "build": "vue-cli-service build", "dev": "vue-..

axios.js 생성 import axios from "axios" axios.defaults.baseURL = "https://reqres.in" axios.defaults.headers.common["Authorization"] = "testcode" axios.defaults.headers.post["Content-Type"] = "application/json; charset=utf-8" main.js 에 axios import import axios from "./axios" new Vue({ axios, render: h => h(App) }).$mount("#app") 각 vue 에서 import axios from "axios" export default { data() { return {..