>### 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>
~~~
