前端Vue自定义列表表格信息展示可用于商品规格参数展示

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

效果图如下:

使用方法


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

<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:表格数组 数组里对象可自定义字段  -->

<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>

posted @   前端组件开发  阅读(110)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示