我使用單個數(shù)據(jù)傳給子組件沒有問題,傳對象就報錯了
子組件:
<template>
<div class="nowinfo" >
<div class="nowinfo-header">今日信息</div>
<div class="nowinfo-content">
<div class="nowinfo-item now-date"><span>今 天 是:</span></div>
<div class="nowinfo-item duty"><span>值班信息:</span> </div>
<div class="nowinfo-item duty-tel"><span>值班電話</span> </div>
</div>
<div class="remind">溫馨提示:你有2封未讀郵件請及時查閱</div>
</div>
</template>
<script>
export default {
name: 'newinfo',
props:{
dutyinfo:{
type:Object,
required:true
}
},
mounted: function () {
// console.log(dutyinfo);
},
data(){
return{
duty:this.dutyinfo
};
},
methods: {
},
computed: {
}
}
</script>
父組件:
<style lang="less">
@import "./home.less";
@import "../../styles/common.less";
</style>
<template>
<div class="home-main" >
<Row :gutter="10">
<Col span="6">
<div class="now-info ">
<now-info v-bind="dutyinfo"></now-info>
</div>
</Col>
<Col span="12"></Col>
<Col span="6"></Col>
</Row>
</div>
</template>
<script>
import cityData from './map-data/get-city-value.js';
import nowInfo from './components/nowInfo.vue';
import attendanceCount from './components/attendance-count.vue';
import kalendarInfo from './components/kalendar-info.vue';
import subSchedule from './components/subSchedule.vue';
import subWorkLog from './components/sub-workLog.vue';
import subFileManage from './components/sub-fileManage.vue';
import subInfoRanking from './components/sub-infoRanking.vue';
export default {
name: 'home',
components: {
"now-info":nowInfo,
"attendance-count":attendanceCount,
"kalendar-info":kalendarInfo,
"sub-schedule":subSchedule,
"sub-workLog":subWorkLog,
"sub-file-manage":subFileManage,
"sub-info-ranking":subInfoRanking
},
data () {
return {
dutyinfo:{
date:'',
dutyname:'李XX',
dutyposition:'紀委書記',
telNum:18246416213,
unreadMailCount:2
}
}
},
computed: {
date () {
var date=new Date();
var l = ["日","一","二","三","四","五","六"];
var year=date.getFullYear(); //獲取當前年份
var mon=date.getMonth()+1; //獲取當前月份
var da=date.getDate(); //獲取當前日
var day=date.getDay(); //獲取當前星期幾
var str = "星期" + l[day];
var nowDate = year + '年'+mon+'月'+da+'日'+' '+' '+str;
return nowDate;
}
},
methods: {
}
};
</script>
周末加班中。。。,還要趕項目,希望各位大神指點一下
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓領(lǐng)域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務(wù)負責iOS教學及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。