钉钉小程序实现简单表格以及表格数据单选

最新推荐文章于 2024-06-24 20:57:10 发布

我是代码

最新推荐文章于 2024-06-24 20:57:10 发布

阅读量1.6k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44883077/article/details/123480377

版权

效果图

在这里插入图片描述

需求

根据关键字查询出企业信息，查询结果以表格的形式展示，并且可实现单选，根据所选数据实现其他功能

页面

<!-- 查询结果 -->
  <view class="table" a:if="{
  {enterpriseList.length > 0}}">
    <view class="tr bg-w">
      <view class="th">园区名称</view>
      <view class="th">代码证号</view>
      <view class="th ">行业</view>
      <view class="th ">客群分类</view>
      <view class="th ">#</view>
    </view>
    <block a:for="{
  {enterpriseList}}" a:for-index="idx" a:for-item="item">
      <view class="tr bg-g">
        <text selectable="true" class&