vue日期元件

2021-11-01 01:46:09 字數 1508 閱讀 4287

直接放**

.com-date 

.month

.month ul

.year-month

.year-month:hover

.choose-year

.choose-month

.arrow

.month ul li

.weekdays

.weekdays li

.days

.days li

} .days li span

.days li .active

.days li .other-month

.active1

}}

export default ,

startdata: ,

}, data()

}, created() ,

methods: cur

*/initdata(cur) else

this.currentday = date.getdate();

this.currentyear = date.getfullyear();

this.currentmonth = date.getmonth() + 1;

this.currentweek = date.getday(); // 0,1...6,

// console.log(date, 'datedatedatedatedatedate');

var str = this.formatdate(this.currentyear, this.currentmonth, this.currentday);

this.days.length = 0;

this.week_day.length = 0;

//初始化本週

for (var i = this.currentweek; i >= 0; i--) ; //用乙個物件包裝date物件 以便為以後預定功能新增屬性

dayobject.day = d;

this.days.push(dayobject);//將日期放入data 中的days陣列 供頁面渲染使用

}//其他周

for (var i = 1; i <= 41 - this.currentweek; i++) ;

dayobject.day = d;

this.days.push(dayobject);

}// console.log(this.days)

},pickpre (year, month) ,

picknext (year, month) ,

// 返回 類似 2016-01-02 格式的字串

formatdate (year, month, day) ,

handledate (dayobject, index) ,

},}

vue元件引入另一vue元件

個人blog,歡迎關注加收藏 在元件中引入另一組件 元件化開發,最重要的特點就是其復用性。當某一部分內容重複出現在多個元件中 時,可以將其提出單獨組成乙個元件。重複使用。如下圖 其中底部導航條的部分 就會出現在多個元件中 在當前元件card.vue中引入barbottom.vue的步驟如下 在car...

vue元件與元件化

元件化是當今最為流行的一種可復用性增加的方法,隨著當今前端開發的複雜度更加,這個元件化變得越來越流行 vue.js通過vue.extend 方法來擴充套件元件的使用 vue.extend options 裡面的options引數和 vue options 的options引數幾乎是一致的 new v...

VUE元件學習 元件通訊

儘管父子元件可以通過 this.par ent,this parent,this.parent thi s.child,this.root互相訪問,但是子元件應當避免直接依賴父元件的資料 因為作用域是有層次的,所以我們可以在作用域上傳遞事件。如果要通知整個事件系統,就要向下廣播。每個vue例項都是乙...