總結最近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這種變量是不能用的了,
技術支持: