Nayha

ECMAScript 5: No, its not possible with objects. You should either iterate with for..in, or Object.keys, like this for (var key in dictionary) { // check if the property/key is defined in the object itself, not in parent if (dictionary.hasOwnProperty(key)) { console.log(key, dictionary[key]); } } 이것저것해도 안되었는데 저걸로 하니 되었음 ㅎㅎ 오브젝트 형태는 Car : { hyun : 'h', kia:'k', carList : null } 누군가 도움이 되길..

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 {..

유연하다 객체에 속하는곳이 this 다 예 코드) let a ={} // a 객체 let b ={} // b 객체 // test 메소드 객체 function test(){ //console.log(this); switch(this){ case a: console.log( 'a this'); break; case b: console.log( 'b this'); break; case window: console.log( '아무것도없는 최상위 window this'); break; } } //test 구문 test(); test.apply(a); test.apply(b);

VUEX 설치 npm install vuex --save store.js 파일 생성 import Vue from "vue" import Vuex from "vuex" Vue.use(Vuex) export default new Vuex.Store({ state: { testInfo: { id: 1, name: "공통사용", email: "test@test.com" }, }, //state 값을 변화 mutations: { }, //비지니스 로직 actions: { } }) main.js 에서 전역 사용 설정 import store from './store' new Vue({ el: '#app', render: h => h(App), router, store }) 사용할 VUE 생성 Test.vue 전역변수..

route 로 컴퍼넌트 많이 사용하는데 주소에 # 계속 붙어서 짜증이 찾아보니 기본 모드가 # hash mode 를 history 로 변경 하면 # 없어진다. 참고 소스 export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', name: 'home', component: Home }, { path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is v..

$(this).parent('div.group'); 클릭한 기준 부모요소 div 찾은후 하위 group 변수화 $addrDiv = $(this).parent('div.group'); 팝업처리 후 다시 부모창에 변경 값 전달 $addrDiv.find( ':text.zipCd')