# DataCard 数据展示
<template>
<avue-data-card :option="option"></avue-data-card>
</template>
<script>
export default {
data () {
return {
option: {
span: 8,
data: [
{
click: function (item) {
alert(JSON.stringify(item));
},
name: 'xxx',
src: '/images/logo.png',
text: 'xxxxxxxx',
href: 'https://avuejs.com',
target: '_blank'
},
{
click: function (item) {
alert(JSON.stringify(item));
},
name: 'xxx',
src: '/images/logo.png',
text: 'xxxxxx',
href: 'https://avuejs.com',
target: '_blank'
},
{
click: function (item) {
alert(JSON.stringify(item));
},
name: 'xxx',
src: '/images/logo.png',
text: 'xxxxx',
href: 'https://avuejs.com',
target: '_blank'
},
]
},
}
}
}
</script>
显示代码复制代码复制代码