需求 :实现一个从底部弹出的时间选择器
1、直接在 html 文件中引入 CDN 链接,通过全局变量 vant
访问到所有组件
<!-- 引入样式文件 -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css"
/>
<!-- 引入 Vue 和 Vant 的 JS 文件 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.12/lib/vant.min.js"></script>
2、<body>里套一个最大的<div id="app"></div>
3、新建引用vant组件的 js 函数
< script >
new Vue({
el: "#app",
data() {
return {
};
},
methods: {
},
}) <
</script>
4、引用 popup 弹出层组件
(1)因为要在弹出层里放时间选择器组件,所以 van-popup 不能选用全闭合形式
html