总结最近uni-app开发过程中遇到的坑,前几天在写一个导航nav组件,为的是调用方便,精简代码,谁知道,就是这么一个小组件,搞了我2天,倒不是因为这个功能多么的复杂所以才写这篇文章,而是因为最终BUG解决才发现是不经意的踩的坑。
如下这段代码:
<template>
<view class="outBox">
<block v-for="(itm,idx) in _data" :key="idx">
<view class="mt10 mb10 pd10 nav_li" :class="linum" :style="'background-image:url('+itm.thumb+');'">
{{itm.title}}
</view>
</block>
</view>
</template>
代码好像是没啥问题,但是,就是不显示菜单出来,哪怕是你直接在data(){}中将值写死成[{"title":"首页"},{"title":"产品列表"},{"title":"公司简介"}],这个导航也是时而显示,时而不显示,完全就跟闹着玩似的。
JS代码改这改那,折腾了2天,最后console调试界面提示data()中定义变量不能使用_和$符号开头,而且,这个提示信息也是突然跑出来的,之前一直没出现过,果断将_data变量换成navRs,将其他以_开头的变量名称全部修改掉,再次运行,居然成功了。
没注意过小程序有这种要求,看来像_data这种变量是不能用的了,
技术支持: