小程序 BUG 记录

1. TypeError: Cannot read properties of undefined (reading ‘xxxxxx’)"

原因:这里的xxx undefined ,实际是yyy.xxx yyy找不到,不是xxx找不到;
其实网页渲染是解释性语言,从上往下渲染,发送请求是异步发送,可能对象里的数据还没来得及响应回来,界面已经渲染完了.(VUE模板解析比发请求快)
这个就是A.B.C报c找不到,就是往前推.A找不到.

这里拿到的数据后来也会渲染到界面,但是报错还是报错

解决:
1.这里的数据请求不确定,所以需要在渲染前进行if判断
v-if : 在DOM内添加or删除标签
v-show:根据display:none 来判断是否显示or隐藏 这里的DOM元素还是存在的,有错还是报错
2.如果是有for循环 v-for优先级比v-if高,所以不能平级使用,v-if在父标签内使用

2. 在循环遍历后的点击,发现不到currentTarget.dataset.index的index值

js拿到的index 其实是wxml里面的index ,最开始这里data-index=“{{index}}” 没写,所以没有,null

//wxml
<view wx:for="{{items}}" wx:for-item="" wx:key="key" bind:tap="function" data-index="{{index}}">
  <view>item:{{item.ele}}</view>
</view>

//js
  function(e){  
    console.log('choise----->',e)
    let index = e.currentTarget.dataset.index
    console.log('index',index)
  }