>### 1.v-if控制元素的隱藏顯示
~~~
//index.js
Page({
data: {
/*定義元素顯示或隱藏的狀態*/
isShow:true,
},
handleClick(){
this.setData({
isShow:!this.data.isShow
})
},
})
~~~
~~~
//index.wxml
<text wx:if="{{isShow}}">hello world</text>
~~~
>### 2.三元表達式
~~~
<image src="{{isMusic?'/images/play.png':'/images/pause.png'}}" bind:tap="onMusic" />
~~~
>### 3.音樂播放
~~~
Page({
/**
* 頁面的初始數據
*/
data: {
isMusic:false,
},
onMusic(){
//調用小程序音樂播放組件
var audio = wx.getBackgroundAudioManager();
if(this.data.isMusic){
audio.pause();
this.setData({
isMusic:false
})
}else{
audio.src = "http://music.163.com/song/media/outer/url?id=571338279";
audio.title = "往后余生";
`//一定要設置這個屬性`
this.setData({
isMusic:true
})
}
},
})
~~~
~~~
//index.wxml
<image src="{{isMusic?'/images/pause.png':'/images/play.png'}}" bind:tap="onMusic"></image>
~~~
