小程序笔记

积微成著

---

2022-08-05: 🐤

• 在微信XHTML中当wx:for和wx:if 和 wx:else 一起用的时候会报错Bad attr wx

2022-08-08：🐤

• 使用vant weapp的popup导致的滚动穿透问题，及弹窗滚动到底部或顶部时，页面也会滚动，可试试以下设置

<!-- wxml --> 
<!--头部添加page-meta组件，它的wxss样式overflow动态设置hiddenorvisible 就可以控制整个页面是否可以进行滚动 -->
<page-meta page-style="overflow: {
    {visible ? 'hidden' : 'visible'}}" />
// js
data: {
    visible: false // 控制页面是否滚动
  },

参考文章

22-08-10：🐤
把页面的名字改了之后，报找不到文件的错误
解决方法

1. 将app.json中关于页面pages中的清空(记得备份)
2. 清空后保存
3. 关闭微信开发工具，重启
4. 将文件配置复制粘贴回来
5. 页面生成成功

注意：是否有改编译模式（这个得注意）

22-08-12：🐤
引用阿里图标时没有将域名添加进合法域名

2022-08-15：🐤
使用vantweapp的dialog弹出框的showConfirmButton是否展示确认按钮

注意它的参数类型：布尔值需要加插值表达式
错误写法:

showConfirmButton="false"

正确写法

showConfirmButton="{
   {false}}"

2022-8-16 🐤
场景：判断是否需要有点击事件，noLogin是布尔值
错误写法

<view class="vipServe" bindtap="{
   {noLogin ? loginPopup : ''}}">

正确写法

<view class="vipServe" bindtap="{
   {noLogin ? 'loginPopup' : ''}}">

如果是data中的数据

<view wx:for="{
   { tate ? searchList : orderList}}" wx:key="index">

2022-8-17🐤
原来固定定位不加偏移量是固定在原来的位置的
js中的data要赋初始值

2022-8-18🐤

在微信小程序中，有时候使用wx.navigateTo()跳转页面时要传递过长的参数或者传递一个数组对象会发现传递不过去

微信小程序页面间传递数组对象
当传递数组对象报SyntaxError: Unexpected end of JSON input错误时

2022-8-22🐤

e.target：触发事件的元素
e.currentTarget：绑定事件的元素

2022-9-1🐤
小程序传递对象需要转为json的格式然后再转回来

// 传递过去
wx.navigateTo({
   
      url: `../detail/detail?item=${
     JSON.stringify(data)}`,
    })
    
// 接收    
 onLoad(options) {
   
	this.setData({
   
  	goods: JSON.parse(options.item)
	})