前端Vue自定义列表表格信息展示可用于商品规格参数展示
阅读原文时间:2023年08月30日阅读:3

前端Vue自定义列表表格信息展示可用于商品规格参数展示 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13131

效果图如下:

使用方法

<!-- table-list:表格数组 数组里对象可自定义字段&nbsp; -->

<cc-defineTable :table-list="tableArr"></cc-defineTable>

HTML代码实现部分

<template>

<view class="content">

<!-- 自定义顶部搜索框 用于搜索跳转 skipUrl:跳转url为绝对路径 /pages开头 -->

<cc-headSearch skipUrl="/pages/index/search"></cc-headSearch>

<!-- table-list:表格数组 数组里对象可自定义字段&nbsp; -->

<cc-defineTable :table-list="tableArr"></cc-defineTable>

</view>

</template>

<script>

export default {

components: {

},

data() {

return {

tableArr: [{

'name': '基本信息'

}, {

'name': "详细信息"

}],

}

},

mounted() {

},

methods: {

}

}

</script>

<style>

page {

background-color: #f7f7f7;

}

.content {

display: flex;

flex-direction: column;

}

</style>