一、模拟Vue的v-bind:class
1、小程序没有wx:class这玩意儿,那么只好自己动手造一个。
在class上用三目运算符就可以了
wxml:
<view class="{{array.length == 0 ? 'red' : ''}}">示例文字</view>
2、同理,小程序也没有wx:style这样的东西
wxml:
<view style="color: {{colorStyle}}">颜色</view>
js:
data: { colorStyle: '#f00' }
3、想要在某个事件中或者回调函数里关闭掉当前小程序,可以使用
wx.navigateBack({ delta: 0 });
4、想要在wxml上写多个动态的class,可以这么处理:中间用英文空格或者用英文逗号隔开
wxml:
<view class="{{flag? 'classA': 'classB'}} {{isError ? 'classC' : ''}}"></view>
5、在使用wx.showModal()时想要里面的提示文字换行,可以这么处理:
js:
wx.showModal({ title: '我要换行', content: '这是第一行\r\n这是第二行' });
6、若想动态修改page的title,可以这么处理:
js:
wx.setNavigationBarTitle({ title: '标题A' });