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

冷不防 2022-08-31 01:54 183阅读 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][]

[ff2103264a07f5befc3dcb57a4c62877.png]: /images/20220829/db4ea6c9c0ff4f1ea5f49a46928ea78f.png
[f15366db53f770a8412e705c5cbca1f2.png]: /images/20220829/96cd26c3df3b45148bb79a8fc02785de.png
[86fe8cbb55dd492355a24226764a19c3.png]: /images/20220829/bbbd0961fafb4b0ca772dd19bbe9d393.png
[3dd887b7216f8f34b42e3515e7705cc8.png]: /images/20220829/f17eeed832d94cff939edbc5f6be498e.png
[b3df1a6fbef4bbc834a9b5854a65939f.png]: /images/20220829/ce04fe65128e4e89a707ef88c64a06e1.png