Html引入Vant-ui-CSDN博客

本文链接：https://blog.csdn.net/hql1024/article/details/102862576

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="//cdn.suoluomei.com/common/js2.0/vant/v2.12/index.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>标题</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        [v-cloak] {
            display: none !important;
        }

  
    </style>
</head>

<body>
    <div v-cloak id="Vue">

    </div>
</body>
<script src="//cdn.suoluomei.com/common/js/jquery-2.1.4.min.js"></script>
<script src="//cdn.suoluomei.com/common/js2.0/vue/v2.5.16/vue.js"></script>
<script src="//cdn.suoluomei.com/common/js2.0/vant/v2.12/vant.min.js"></script>
<script>

    new Vue({
        el: "#Vue",
        data: {

        },
        created() {
               document.documentElement.style.fontSize = 16 * document.documentElement.clientWidth / 375 + 'px'
        },
        methods: {
			// 请求公共方法
            ajax(type, url, params, cb) {
                $.ajax({
                    type: type,
                    async: false,
                    url: url,
                    data: params,
                    dataType: "json",
                    success: (res) => {
                        if (res.errcode == 0) {
                            vant.Toast.clear()
                            cb(res)
                        } else {
                            vant.Toast.clear()
                            vant.Dialog.alert({
                                message: res.msg,
                            })
                        }
                    },
                    error: (err) => {
                        console.log(err)
                        vant.Toast.clear()
                        vant.Dialog.alert({
                            message: '服务器请求失败，请联系客服',
                        })
                    }
                });
            },
             getlist(){
				 this.ajax('post', 'url', {
					canshu:'参数'
				}, (res) => {
                    console.log(res)
                })
			}
        }
    })
</script>
</html>