菜鸟在微信小程序遇到的坑==

174 阅读1分钟

会持续更新!!! 给自己长记性,也给大家提供一些无用的参考。🤞😎😜分母吧

🤞输入法快捷键

其实在很多开发工具中都遇到过快捷键用不了情况,很多情况下都是懒得去理会。今天正好有兴趣去看看。就记录一下吧

就拿 微信小程序举例:

鼠标右键:选择 命令面板 。点击进去,搜索 快捷键,可以看到很多组合

如果想看 {{index}}

向下复制的命令怎么用不了啦,就搜索 ”下复制“ 选中,再鼠标右键,可以更改为自己习惯的快捷键

🤞循环 wx:for="数组"

就简单的一个循环数据,且两条数据。被我硬生生的循环出了32条数据。我真是奇怪了。。

js中: 
  books: [{
        bookName: 'bookname西游记1',
        bookPrice: "bookprice89",
        bookAuthor: "bookAuthor吴承恩"
      },
      {
        bookName: 'bookname西游记2',
        bookPrice: "bookprice89",
        bookAuthor: "bookAuthor吴承恩"
      }
    ],
    
 wxml中: 

<view>
  <block wx:for="{{books  }}" wx:for-item="books" wx:key="index">
    {{index}}
    <template is="dTemplate" data="{{books}}"></template>

  </block>

</view>

最后去掉上面的空格后就好了。。。。 暂时认为是空格的锅吧,我也不是很清楚为啥,难道是程序抽风一下???哈哈哈哈

结论:引号中不该有的空格不要有啊

🤞小程序 scroll-view 属性 scroll-x="true" 失效

解决:

 scroll-view  加 white-space: nowrap;

 scroll-view 子元素加 display: inline-block;