一、模擬Vue的v-bind:class
1试疙、小程序沒有wx:class這玩意兒,那么只好自己動(dòng)手造一個(gè)。
在class上用三目運(yùn)算符就可以了
wxml:
<view class="{{array.length == 0 ? 'red' : ''}}">示例文字</view>
2翰舌、同理,小程序也沒有wx:style這樣的東西
wxml:
<view style="color: {{colorStyle}}">顏色</view>
js:
data: { colorStyle: '#f00' }
3冬骚、想要在某個(gè)事件中或者回調(diào)函數(shù)里關(guān)閉掉當(dāng)前小程序椅贱,可以使用
wx.navigateBack({ delta: 0 });
4、想要在wxml上寫多個(gè)動(dòng)態(tài)的class只冻,可以這么處理:中間用英文空格或者用英文逗號(hào)隔開
wxml:
<view class="{{flag? 'classA': 'classB'}} {{isError ? 'classC' : ''}}"></view>
5庇麦、在使用wx.showModal()時(shí)想要里面的提示文字換行,可以這么處理:
js:
wx.showModal({ title: '我要換行', content: '這是第一行\(zhòng)r\n這是第二行' });
6喜德、若想動(dòng)態(tài)修改page的title山橄,可以這么處理:
js:
wx.setNavigationBarTitle({ title: '標(biāo)題A' });