weui扩展组件tabs及其他问题

一、引入weui

1. 通过 useExtendedLib 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。
2. 可以通过npm方式下载构建，npm包名为weui-miniprogram

但是注意！！！如果使用扩展组件的话必须使用npm的安装方式安装weui
具体引入方法请看这位博主的分享：www.cnblogs.com/panda-progr…

二、tabs组件中嵌套scroll - view加载更多数据时，会弹回顶部的问题

解决方法：将tabs 标签和标签内 的数据分离写，如下

js部分：

// 只放tabs的标题
tabs: [{
      title: "标签一",
      },
      {
      title: "标签二",
      },
      {
      title: "标签三",
      }],
// 存放tabs的内容数据
tabsInfo: [{
          标签一的各种数据存放再此
          },
          {
          标签二的...
          },
          {
          标签三的...
          }],

wxml部分：

<mp-tabs tabs="{{tabs}}" bindchange="onTabChange" tab-class="tab-class" active-class="tab-selected" swiper-class="weui-tabs-swiper">
  <!-- tab内容列表 -->
  <block wx:for="{{tabsInfo}}" wx:key="title">
    <view class="tab-content" slot="tab-content-{{index}}">
      <!-- scroll-view -->
      <scroll-view></scroll-view>
    </view>
  </block>
</mp-tabs>

三、searchBar的search方法无法触发？

解释：将方法绑定到data里的值上，然后用双括号语法引用
具体解决方法：searchBar的search方法无法触发？ | 微信开放社区 (qq.com)