blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

用componentId来做为组件ID的标识

Browse Source
This commit is contained in:
Nino 2016-12-19 17:09:56 +08:00
parent 486981c741
commit ff75aa1421
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/tab/index.js
View File

@ -49,11 +49,11 @@ Page(Object.assign({}, ZUI.Tab, {
handleZuiTabChange(e) { handleZuiTabChange(e) {
console.info('[ZUI:Tab:Change]', e); console.info('[ZUI:Tab:Change]', e);
var id = e.id; var componentId = e.componentId;
var selectedId = e.selectedId; var selectedId = e.selectedId;
this.setData({ this.setData({
[`${id}.selectedId`]: selectedId [`${componentId}.selectedId`]: selectedId
}); });
} }
})); }));

4
pages/tab/index.wxml
View File

@ -2,9 +2,9 @@
<view class="container"> <view class="container">
<view style="margin: 20px 0"> <view style="margin: 20px 0">
<template is="zui-tab" data="{{tab: tab1, id: 'tab1'}}"></template> <template is="zui-tab" data="{{tab: tab1, componentId: 'tab1'}}"></template>
</view> </view>
<view style="margin: 20px 0"> <view style="margin: 20px 0">
<template is="zui-tab" data="{{tab: tab2, id: 'tab2'}}"></template> <template is="zui-tab" data="{{tab: tab2, componentId: 'tab2'}}"></template>
</view> </view>
</view> </view>

4
zui/tab/index.js
View File

@ -1,12 +1,12 @@
var Tab = { var Tab = {
_handleZuiTabChange(e) { _handleZuiTabChange(e) {
var dataset = e.currentTarget.dataset; var dataset = e.currentTarget.dataset;
var id = dataset.id; var componentId = dataset.componentId;
var selectedId = dataset.itemId; var selectedId = dataset.itemId;
if (this.handleZuiTabChange) { if (this.handleZuiTabChange) {
this.handleZuiTabChange({ this.handleZuiTabChange({
id, componentId,
selectedId selectedId
}); });
} }

6
zui/tab/index.wxml
View File

@ -2,12 +2,12 @@
<view class="zui-tab"> <view class="zui-tab">
<block wx:if="{{tab.scroll}}"> <block wx:if="{{tab.scroll}}">
<scroll-view class="zui-tab__bd zui-tab__bd--scroll {{fixed ? 'zui-tab__bd--fixed' : ''}}" scroll-x="true"> <scroll-view class="zui-tab__bd zui-tab__bd--scroll {{fixed ? 'zui-tab__bd--fixed' : ''}}" scroll-x="true">
<template is="zui-tab-list" data="{{ tab, id }}"></template> <template is="zui-tab-list" data="{{ tab, componentId }}"></template>
</scroll-view> </scroll-view>
</block> </block>
<block wx:else> <block wx:else>
<view class="zui-tab__bd"> <view class="zui-tab__bd">
<template is="zui-tab-list" data="{{ tab, id }}"></template> <template is="zui-tab-list" data="{{ tab, componentId }}"></template>
</view> </view>
</block> </block>
</view> </view>
@ -18,7 +18,7 @@
wx:for="{{tab.list}}" wx:for="{{tab.list}}"
wx:key="id" wx:key="id"
class="zui-tab__item {{tab.selectedId == item.id ? 'zui-tab__item--selected' : ''}}" class="zui-tab__item {{tab.selectedId == item.id ? 'zui-tab__item--selected' : ''}}"
data-id="{{id}}" data-component-id="{{componentId}}"
data-item-id="{{item.id}}" data-item-id="{{item.id}}"
bindtap="_handleZuiTabChange" bindtap="_handleZuiTabChange"
> >