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>
显示代码
Last Updated:
Contributors: smallwei
您正在浏览基于Avue 3.x文档; 点击这里 查看Avue 2.x 的文档