微信小程序 wx:if wx:elif wx:else 多条件判断

以你之姓@ 2022-09-02 08:11 173阅读 0赞

wxml

Page({
    	data: {
    		list: [],
    	},
    	onLoad: function(options) {
    		wx.request({
    			url: "http://ixxxe.com/test.json",
    			data: {
    			},
    			method: 'GET',
    			header: {
    				'content-type': 'application/json'
    			},
    			success: res => {
    				this.setData({
    					//第一个data为固定用法，第二个data是json中的data
    					list: res.data.data
    				})
    			}
    		})
    	},
    })

json

{
    	"msg": "查询成功",
    	"code": 1,
    	"data": {		
    		"visitCause": 0
    	}
    }

显示：  
![ff2103264a07f5befc3dcb57a4c62877.png][]

json

{
    	"msg": "查询成功",
    	"code": 1,
    	"data": {		
    		"visitCause": 1
    	}
    }

显示：  
![f15366db53f770a8412e705c5cbca1f2.png][]

json

{
    	"msg": "查询成功",
    	"code": 1,
    	"data": {		
    		"visitCause": 2
    	}
    }

显示：  
![86fe8cbb55dd492355a24226764a19c3.png][]

json

{
    	"msg": "查询成功",
    	"code": 1,
    	"data": {		
    		"visitCause": 3
    	}
    }

![3dd887b7216f8f34b42e3515e7705cc8.png][]

json

{
    	"msg": "查询成功",
    	"code": 1,
    	"data": {		
    		"visitCause": 4
    	}
    }

![b3df1a6fbef4bbc834a9b5854a65939f.png][]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70]

[ff2103264a07f5befc3dcb57a4c62877.png]: /images/20220829/ee3a03c37bd04843aeda9e98581b01f0.png
[f15366db53f770a8412e705c5cbca1f2.png]: /images/20220829/0a83b2eac5fd4bc9b7e3673f4c3ec91e.png
[86fe8cbb55dd492355a24226764a19c3.png]: /images/20220829/42cd00bc538a4aaf855a0fbdeb7e6aeb.png
[3dd887b7216f8f34b42e3515e7705cc8.png]: /images/20220829/443e94cc882f4d51bf2bbd0e3cfa9ff8.png
[b3df1a6fbef4bbc834a9b5854a65939f.png]: /images/20220829/fbad7e574e014d769ce49a7bfdb320e8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70]: /images/20220829/d5013778f6b14a60bb65ed010e9102dc.png