vant 框架使用方式H5

先引入vant 的官网有介绍

介绍 - Vant (gitee.io)

 

气泡弹出框的用法

其他的使用方式都一样使用这个方式就行举一反三

<script>
    // 在 #app 标签下渲染一个按钮组件
    var app = new Vue({
        el:'#app',
        data() {
            return {
                showPopover: false,
                
                // 通过 actions 属性来定义菜单选项
                actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
            };
        },
        methods: {
            onSelect(action) {
                Toast(action.text);
            },
        },
    });
    
    var search=new Vue({
        el:"#search",
        data(){
             return {
                  value: '',
            };
        },
        methods:{
             onSearch(val) {
                  Toast(val);
                },
        },        
    });

</script>