代码大致代码如下
<template name="Collapse">
<view class="a-collapse">
<view>
<view class="a-collapse-title" onTap="{{onTitleTap}}">
{{panels.title}}
<view class="{{panels.expanded ? 'a-collapse-title-arrow a-collapse-title-arrow-up' :
'a-collapse-title-arrow'}}" />
</view>
<view a:for={{panels.content}}>
<view class="a-collapse-content" a:if={{panels.expanded}}>
{{item.tendersBranchName}}{{item.endStakeNo}}
<view class="a-collapse-content-arrow" onTap="{{deleteItem}}" data-index={{index}}/>
</view>
</view>
<view class="btns" onTap="{{addFbfx}}" a:if="true">
<button size="mini" type="primary">添加分部分项
</button>
</view>
</view>
</view>
</template>
看起来是没有任何问题的(一眼看出问题的私我,发红包)
但是页面中的按钮始终无法显示
这个事情是在我添加了onTap=”{{deleteItem}}"后发生的
但是这个按钮和这个事件到底有个什么鸡毛关系
在试了N种排错方法后
代码成了如下样子
<template name="Collapse">
<view class="a-collapse">
<view>
<view class="a-collapse-title" onTap="{{onTitleTap}}">
{{panels.title}}
<view class="{{panels.expanded ? 'a-collapse-title-arrow a-collapse-title-arrow-up' :
'a-collapse-title-arrow'}}" />
</view>
<view a:for={{panels.content}}>
<view class="a-collapse-content" a:if={{panels.expanded}}>
{{item.tendersBranchName}}{{item.endStakeNo}}
<view class="a-collapse-content-arrow" onTap="{{deleteItem}}" data-index={{index}}>
</view>
</view>
</view>
<view class="btns" onTap="{{addFbfx}}" a:if={{panels.expanded}}>
<button size="mini" type="primary">添加分部分项
</button>
</view>
</view>
</view>
</template>
好了,仅仅是吧
<view class="a-collapse-content-arrow" onTap="{{deleteItem}}" data-index={{index}}/>
改成了
<view class="a-collapse-content-arrow" onTap="{{deleteItem}}" data-index={{index}}>
</view>
不知道什么原理,求路过大佬说个原因