小程序一些常用代码【积累】

一、模拟Vue的v-bind:class

1、小程序没有wx:class这玩意儿,那么只好自己动手造一个。

在class上用三目运算符就可以了

wxml:
示例文字

2、同理,小程序也没有wx:style这样的东西

wxml:
颜色
js:
data: { colorStyle: '#f00' }

3、想要在某个事件中或者回调函数里关闭掉当前小程序,可以使用

wx.navigateBack({ delta: 0 });

4、想要在wxml上写多个动态的class,可以这么处理:中间用英文空格或者用英文逗号隔开

wxml:

5、在使用wx.showModal()时想要里面的提示文字换行,可以这么处理:

js:
wx.showModal({ title: '我要换行', content: '这是第一行\r\n这是第二行' });

6、若想动态修改page的title,可以这么处理:

js:
wx.setNavigationBarTitle({ title: '标题A' });

你可能感兴趣的:(小程序一些常用代码【积累】)