在公司学习前端之vant在h5中的使用

最新推荐文章于 2023-06-20 17:44:24 发布

QWQUOU

最新推荐文章于 2023-06-20 17:44:24 发布

阅读量1k

点赞数 3

文章标签： html5

本文链接：https://blog.csdn.net/QWQUOU/article/details/114369094

版权

vant在h5中的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> //保持页面比例 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> <title>开户</titl

摘要由CSDN通过智能技术生成

vant在h5中的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     //保持页面比例
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
   
    <title>开户</title>
    //vant的cdn引入1，都要有
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css"/>
</head>
<body>
//vue的cdn引入
<script src="https://unpkg.com/vue/dist/vue.js"></script>
//vant的cdn引入2
<script src="https://cdn.jsdelivr.net/npm/vant@2.12/lib/vant.min.js"></script>
<div id="app">
//h5引用vue一定要tmd记得写el
//级连选择 
//如多个级联，v-model要修改,@click要修改，placeholder要改，title要改，
//下面的onfinish要修改，options要改名字。

    <van-popup v-model="show1" round position="bottom">
        <van-cascader
                v-model="occupation"
                title="职业"
                :options="occupationoptions"

最低0.47元/天解锁文章

QWQUOU

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
在公司学习前端之vant在h5中的使用

vant在h5中的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> //保持页面比例 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> <title>开户</titl
复制链接

扫一扫