底部tabBar在引入页面后不显示图标,应该如何解决?
自定义tabBar: <!--custom-tab-bar/index.wxml-->
<view class="tab-bar">
<view class="tab-bar-border">
<view class="tab-bar-item" bindtap="xiaokaotap">
<image class="cover-image" src="{{index_img_1}}" mode="widthFix" />
<text class="cover-view" style="color:{{text_color_db}}">校考</text>
</view>
<view class="tab-bar-item" bindtap="liankaotap">
<image class="cover-image" src="{{index_img_3}}" mode="widthFix" />
<text class="cover-view" style="color:{{text_color_70}}">联考</text>
</view>
</view>
</view>
引入页面后,在引入页面的js中定义数据和图片: data: {
index_img_1: "/images/xiaokao_707070.png",
index_img_3: "/images/liankao_dbdbdb.png",
text_color_70: "#dbdbdb",
text_color_db: "#707070",
},
liankaotap:function(){
wx.navigateTo({
url: '/pages/liankao/liankao',
})
},
xiaokaotap:function(){
}
可是,引入的页面没有显示图标图片,点击按钮,出现提示: Component "pages/liankao/liankao" does not have a method "liankaotap" to handle event "tap". (anonymous) @ WASubContext.js?t=wechat&s=1680533060139&v=2.30.2:1 he @ WASubContext.js?t=wechat&s=1680533060139&v=2.30.2:1 fe @ WASubContext.js?t=wechat&s=1680533060139&v=2.30.2:1 (anonymous) @ WASubContext.js?t=wechat&s=1680533060139&v=2.30.2:1 (anonymous) @ WAServiceMainContext.js?t=wechat&s=1680533060139&v=2.30.2:1 emit @ WAServiceMainContext.js?t=wechat&s=1680533060139&v=2.30.2:1 dispatch @ WAServiceMainContext.js?t=wechat&s=1680533060139&v=2.30.2:1 cb @ WAServiceMainContext.js?t=wechat&s=1680533060139&v=2.30.2:1 a @ VM9 asdebug.js:10 c @ VM9 asdebug.js:10 (anonymous) @ VM9 asdebug.js:1 f @ VM9 asdebug.js:1 g @ VM9 asdebug.js:1 (anonymous) @ VM9 asdebug.js:1 _ws.onmessage @ VM9 asdebug.js:1