drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed #1648

Browse source
This commit is contained in:
梁灏 2017-11-08 14:39:39 +08:00
parent 63199358cc
commit 55f90d87de
4 changed files with 386 additions and 267 deletions
Download patch file Download diff file Expand all files Collapse all files

46
examples/components/tableExpand.vue
View file

@ -1,16 +1,44 @@
<style scoped>
.expand-row{
margin-bottom: 16px;
}
</style>
<template>
<div>{{ name }}</div>
<div>
<Row class="expand-row">
<Col span="8">
<span class="expand-key">Job: </span>
<span class="expand-value">{{ row.job }}</span>
</Col>
<Col span="8">
<span class="expand-key">Interest: </span>
<span class="expand-value">{{ row.interest }}</span>
</Col>
<Col span="8">
<span class="expand-key">Birthday: </span>
<span class="expand-value">{{ row.birthday }}</span>
</Col>
</Row>
<Row>
<Col span="8">
<span class="expand-key">Favorite book: </span>
<span class="expand-value">《{{ row.book }}》</span>
</Col>
<Col span="8">
<span class="expand-key">Favorite movie: </span>
<span class="expand-value">{{ row.movie }}</span>
</Col>
<Col span="8">
<span class="expand-key">Favorite music: </span>
<span class="expand-value">{{ row.music }}</span>
</Col>
</Row>
</div>
</template>
<script>
export default {
props: {
name: String
},
created () {
console.log(this.name + ': 被创建');
},
destroyed () {
console.log(this.name + ': 被销毁');
row: Object
}
}
};
</script>