小结—在微信小程序开发中会遇到的一些问题

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

小结—在微信小程序开发中会遇到的一些问题

最近自己在做小程序练习,分享一下我遇到的小坑

data数据更新

直接对this.data进行赋值,是无法更新视图绑定的数据的,会造成数据不一致

需要使用this.setData更新

this.data.key = valuethis.setData({  key: value})
登录后复制require

暂时不支持绝对路径

const util = require('../../utils/util.js')
登录后复制background-image

不能使用静态文件,只能使用base64和网络图片

可以用<img>解决

background: #fff url(data:image/jpeg;base64,***)<image class="logo" src="/images/logo.png" mode="cover"></image>
登录后复制组件样式

app.wxss 的样式不能应用到组件内部

可以按需引用 import: “”

@import "/app.wxss";
登录后复制textarea

textarea默认样式有固定宽度

事件传参

模板里面事件不能传参

使用event.currentTarget.dataset获取

<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>Page({  tapName(event) {    console.log(event.currentTarget.dataset.hi)  }})
登录后复制animation

animation不能直接绑定中组件上

外面包裹一层<view>

<view animation={{animation}}>  <my-component></my-component></view>
登录后复制checkBox

checkbox-group绑定的bindChange事件,我们中点击checkbox事件会向上冒泡,导致外层也被点击

checkBox外面包一层view,给view添加一个catch事件

<checkbox-group bindchange="checkboxChange">  <view bindtap="bindTap">    <view catchtap='catchTap'">     <checkbox value="{{value}}" checked="{{checked}}"/>    </view>  </view></checkbox-group>
登录后复制

相关文章:

微信小程序 开发中遇到问题总结

微信小程序开发遇到的问题汇总

相关视频:

开发微信小程序视频教程

以上就是小结—在微信小程序开发中会遇到的一些问题的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:yii mailer 发不出去怎么办
下一篇:谈谈微信公众平台注册的实例

发表评论

关闭广告
关闭广告