vue 移动端表格组件封装 |
您所在的位置:网站首页 › 移动端表格展示 › vue 移动端表格组件封装 |
最近公司在做一个APP,用vue+cordova,ui选用的是vant,因为涉及到了表格,奈何vant里没有这个组件,自己就简单的封装了一下,效果图: 数据格式: tableData: [ { closedAccount: 0, givePrice: 0, noAccount: 0, roomType: "BOSS卡座", totalPrice: 0 }, { closedAccount: 0, givePrice: 0, noAccount: 0, roomType: "BOSS卡座", totalPrice: 0 }, { closedAccount: 0, givePrice: 0, noAccount: 0, roomType: "BOSS卡座", totalPrice: 0 }, { closedAccount: 0, givePrice: 0, noAccount: 0, roomType: "BOSS卡座", totalPrice: 0 }, ], //th option: { column: [ { label: '房台类型', prop: 'roomType' }, { label: '已结', prop: 'closedAccount' }, { label: '未收款', prop: 'noAccount' }, { label: '赠送', prop: 'givePrice' }, { label: '合计', prop: 'totalPrice' } ] },至于为什么用到table标签,因为好控制~ hhhhhh |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |