谁有vue.js城市三级联动菜单啊

1.想做一个vue.js 的一个三级的城市下拉联动菜单,但是不知道没有数据,不知道怎么实现点击document实现菜单隐藏的效果,望大神指点!!!

回答:

mint-ui上有省市区的吧选择吧

回答:

我写了一个,楼主可以看看:https://github.com/tansuo1989…

补充:
现在用这个吧:https://github.com/tansuo1989…
可以直接用npm安装:

npm i vue-myarea

回答:

点击document实现菜单隐藏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单选</title>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-default/index.css">
    <style>
        #app{
            width: 500px;
            margin: auto;
            height:800px;
            border: 1px solid #2a6496;
        }
        .modal{
            background: rgba(0,0,0,.2);
        }
        .menu{
            width: 80%;
            height:100%;
            background: #fff;
            font-size: 20px;
            line-height: 400px;
        }


    </style>
</head>
<body>
<div id="app"  v-on:click.self="menu()" :class="{modal:(isMenu==true)}">
  <div class="menu" v-show="isMenu">
       我是菜单
  </div>
</div>
</body>
<script src="../../vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
   var vm= new Vue({
        el: "#app",
        data(){
            return{
                isMenu:true
            }
        },
        methods: {
         menu:function () {
             this.isMenu=false
         }
        }
    })
</script>
</html>

回答:

https://github.com/sunshineJi… 这里是一个demo

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注